|
|

楼主 |
发表于 2025-12-1 08:14
|
显示全部楼层
帖子代码
- <style>
- @import 'https://638183.freep.cn/638183/web/tz/tz.v3.css';
- .pa { --offsetX: 81px; background: url('https://638183.freep.cn/638183/t24/w7/uar.webp') no-repeat center/cover; }
- .son { width: 75px; height: 160px; background: url('https://638183.freep.cn/638183/small/2025/fl1026.gif') no-repeat 50% 0/50% 50%; }
- </style>
- <div id="pa" class="pa"></div>
- <script type="module">
- import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
- const tz = TZ.TZ('pa');
- tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=2632543726'});
- tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/3664703/00/02/09/5b505a6fa6e29.mp4'});
- tz.add('div', 'player', 'wrap100 hue-rotate rotate-ani', {style: 'cursor: pointer'}).playmp3();
- tz.lzRot(6, 'player', {className: 'son'});
- tz.fs().style('right: 20px; bottom: 20px');
- </script>
复制代码 小播还是元素旋转(第 15 行代码):6 个元素,容器 player,元素类名 son(对应CSS .son {} 选择器,第 4 行代码)。具体构图思路楼下谈。
|
评分
-
| 参与人数 1 | 威望 +50 |
金钱 +100 |
经验 +50 |
收起
理由
|
红影
| + 50 |
+ 100 |
+ 50 |
创意十足,赞一个! |
查看全部评分
|