朵拉 发表于 2025-10-6 23:10

【月满花潮庆华诞】燕 无 歇（学习马黑黑巨嘴鸟效果）

本帖最后由 朵拉 于 2025-10-6 23:15 编辑 <br /><br /><style>
      @import 'https://638183.freep.cn/638183/web/css/tz02.css';
      #pa { --offsetX: 81px; --bg: tan url('https://pic1.imgdb.cn/item/68e3d69cc5157e1a885a1a23.jpg') no-repeat center/cover; }
      #progress { position: absolute; top: 10px; right: 10px; width: 15vw; height: 15vw; transition: .4s; }
      #g1 { cursor: pointer; fill: skyblue; fill-rule: evenodd; stroke: lightblue; stroke-width: 3; animation: rotate 8s linear infinite var(--state); }
      #g2 { cursor: pointer; fill: none; stroke: lightblue; stroke-width: 12; stroke-linecap: round; }
      #prog { stroke: lightyellow; }
      #btnFs { bottom: 20px; color: white; border-color: currentColor !important; }
</style>

<div id="pa">
      <audio id="aud" src="https://cccimg.com/view.php/f41a38eb20aca34f4d8dc4a644d78845.mp3" autoplay="" loop=""></audio>
      <video class="pd-vid" src="https://img.tukuppt.com/video_show/15653652/04/06/21/646b0add8b43e.mp4" autoplay loop muted></video>
      <svg id="progress" class="brightness" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
                <g id="g1"><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/svgdr/svgdr.mod.min.js';

      var dr = Dr.dr(progress);

      dr.polygon(dr.sun(11, 200, 190)).addTo(g1);
      dr.circle(0, 0, 50, 'transparent', 'transparent').addTo(g1);
      dr.circle(0, 0, 65).id('track').addTo(g2);
      dr.circle(0, 0, 65).id('prog').addTo(g2);

      FS(pa, g1);
</script>

朵拉 发表于 2025-10-6 23:12

@马黑黑
老师 晚上好，学生交作业，请指正{:4_190:}

樵歌 发表于 2025-10-7 06:32

欣赏朵儿美贴，听大师怎么说{:4_190:}

马黑黑 发表于 2025-10-7 17:25

{:4_199:}

红影 发表于 2025-10-7 19:50

漂亮。欣赏朵宝好帖{:4_199:}
页: [1]
查看完整版本: 【月满花潮庆华诞】燕 无 歇（学习马黑黑巨嘴鸟效果）