朵拉 发表于 2025-10-29 22:25

平凡日子泛着光（学习马黑黑So Weak效果）

<style>
      @import 'https://638183.freep.cn/638183/web/tz/tz.e.css';
      .pa { --offsetX: 81px; --bg: url('https://pic1.imgdb.cn/item/6902229d3203f7be00b1b799.jpg') no-repeat center/cover; }
      .li-zi { width: 40px; height: 30px; background: gold; clip-path: polygon(0 0, 100% 50%, 0 100%); offset-path: polygon(2% 2%, 98% 50%, 2% 98%); offset-distance: 0; }
      .petal { width: 100%; height: 100%; background: url('https://638183.freep.cn/638183/small/2025/fl101.png') no-repeat center/cover; clip-path: path('M50 50 C10 -12, 90 -12, 50 50'); }
</style>

<div class="pa"></div>

<script type="module">
      import TZ from 'https://638183.freep.cn/638183/web/tz/tz.f.trial.v1.js';
      const tz = TZ.TZ('pa');

      tz.add('audio', '', '', { src: 'https://cccimg.com/view.php/1e4137f5edda36bd8c76cb181de32752.mp3' });
      tz.bgprog().style('bottom: 20px; color: gold');
      tz.fs().style('right: 30px; bottom: 20px; color: gold');
      tz.add('div', 'lzpa', 'wrap100 rot-ani', {
                style: 'bottom: 45px; cursor: pointer;'
      }).playmp3();
      tz.lzRan(15, 'pa', {
                className: 'li-zi path-ani',
                background: 'gold',
                delay: -20,
                duration: 20
      });
      tz.lzRot(6, 'lzpa', {className: 'petal'});
</script>

朵拉 发表于 2025-10-29 22:26

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

马黑黑 发表于 2025-10-29 22:50

歌曲不错，选图挺好

红影 发表于 2025-10-29 23:04

漂亮，欣赏朵宝好帖{:4_187:}

澜天 发表于 2025-10-30 10:51

欣赏朵拉美图
{:4_204:}
页: [1]
查看完整版本: 平凡日子泛着光（学习马黑黑So Weak效果）