朵拉 发表于 2025-9-30 09:02

【月满花潮庆华诞】万 疆 TO：论坛朋友们双节快乐！

本帖最后由 朵拉 于 2025-9-30 09:14 编辑 <br /><br /><style>
      @import 'https://638183.freep.cn/638183/web/css/tz01.css';
      #pa { --offsetX: 81px; --bg: tan url('https://pic1.imgdb.cn/item/68daabc5c5157e1a8846b320.jpg') no-repeat center/cover; }
      #progress { position: absolute; left: 386px; bottom: 310px; width: 12vw; height: 12vw; transition: .4s; }
      #g1 { cursor: pointer; fill: url(#grd); transform-box: fill-box; transform-origin: center; animation: rotate 8s linear infinite var(--state); }
      #g2 { cursor: pointer; fill: none; stroke: url(#grd); stroke-opacity: .6; stroke-width: 16; stroke-linecap: round; }
      #prog { stroke: white; }
      #btnFs { right: 20px; bottom: 20px; color: white; border-color: currentColor !important; }
      @keyframes rot { to { transform: rotate(-360deg); } }
</style>

<div id="pa">
      <audio id="aud" src="https://cccimg.com/view.php/63c1ad22aa8d9141f4b5331c4be0be98.mp3" autoplay="" loop=""></audio>
      <video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/25/03/10/16/41/30/video67cea5ba55313.mp4" autoplay loop muted></video>
      <video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/25/03/24/13/59/29/video67e0f4c17e4d2.mp4" autoplay loop muted></video>
      <svg id="progress" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
                <g id="g1" class="brightness"><title>ALT+X</title></g>
                <g id="g2"><title>调节进度</title></g>
      </svg>
</div>

<script type="module">
      import { FS } from 'https://638183.freep.cn/638183/web/js/pathprog.js';
      import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.mod.js?v=1.1';
      var dr = Dr.dr(progress);
      dr.gradient('radialGradient', {id: 'grd'}, [['teal',0],['red',0.5],['red',1]]);
      dr.path('M0 0 L-35 -40 Q0 -200,35 -40 L0 0').addTo(g1).rotates(5);
      dr.path('M-190 0 A200 200 0 0 0 190 0 L0 -190 L-190 0').id('track').addTo(g2);
      dr.path('M-190 0 A200 200 0 0 0 190 0 L0 -190 L-190 0').id('prog').addTo(g2);
      FS(pa, g1);
</script>

朵拉 发表于 2025-9-30 09:03

@马黑黑
老师好，学生交作业，请指正{:4_190:}
祝您及家人 双节快乐{:4_204:}

朵拉 发表于 2025-9-30 09:05

祝论坛朋友们双节快乐 阖家团圆 万事如意{:4_204:}

偶然~ 发表于 2025-9-30 09:22

音画唯美

偶然~ 发表于 2025-9-30 09:22

制作大气

偶然~ 发表于 2025-9-30 09:23

感谢朵拉带来的精彩，辛苦了，祝朵拉国庆中秋快乐。

朵拉 发表于 2025-9-30 09:24

偶然~ 发表于 2025-9-30 09:23
感谢朵拉带来的精彩，辛苦了，祝朵拉国庆中秋快乐。

问好偶然老师，祝您及家人 双节快乐 阖家团圆 万事如意{:4_204:}

梦油 发表于 2025-9-30 09:28

朵拉朋友双节快乐！

朵拉 发表于 2025-9-30 09:49

梦油 发表于 2025-9-30 09:28
朵拉朋友双节快乐！

问好梦油老师，祝您及家人 双节快乐 阖家团圆 万事如意{:4_204:}

偶然~ 发表于 2025-9-30 09:50

花潮涌论坛，键舞屏飞，万家灯火共明月

梦油 发表于 2025-9-30 10:02

朵拉 发表于 2025-9-30 09:49
问好梦油老师，祝您及家人 双节快乐 阖家团圆 万事如意

谢谢，谢谢，谢谢朵拉朋友。

马黑黑 发表于 2025-9-30 12:11

朵拉 发表于 2025-9-30 09:03
@马黑黑
老师好，学生交作业，请指正
祝您及家人 双节快乐

{:4_199:}

马黑黑 发表于 2025-9-30 12:12

帖子非常精美，但是缺少个性化的内容，需要下点努力

樵歌 发表于 2025-9-30 12:19

据我所知，李玉刚为了创作一首歌颂中国五千年文明的大歌，组织了一个创作班子，专门去长城等名胜考查，最后完成了这首著名的大歌。朵儿对这首的理解诠释得非常 到位，以一幅转轴的形式，展开的是五千年文明！

樵歌 发表于 2025-9-30 12:20

祝朵儿双节快乐{:4_204:}{:4_185:}

红影 发表于 2025-9-30 21:45

好帖。祝朵宝双节快乐{:4_187:}
页: [1]
查看完整版本: 【月满花潮庆华诞】万 疆 TO：论坛朋友们双节快乐！