【影.印记】代码学习《紫蓬山.庐月又之恋》感谢马黑黑老师代码分享
紫蓬山.庐月又之恋<br>制作/傲雷影儿<br><br>
<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.v3.css';
.pa { --offsetX: 41px; --bg: url('https://www.junzhuan.com/data/attachment/album/202512/02/102046hvt0t88z24g8j04v.jpg') no-repeat center/cover; }
.petal { width: 100%; height: 100%; top: -50%; background: url('https://www.junzhuan.com/data/attachment/album/202512/02/104910zcuvjjic0oykegfc.png') no-repeat center/contain; transform-origin: 50% 100%; }
.petal::after { content: ''; position: absolute; width: 100%; height: 100%; top: 100%; background: inherit; transform: scale(1, -1); }
</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=396322'});
tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/15653652/04/57/90/6490fb3b722ba.mp4'});
tz.add('div', 'player', 'wrap100 rot-ani', {style: 'bottom: 100px; cursor: pointer'}).playmp3();
tz.lzRot(3, 'player', {tag: 'div', className: 'petal', angle: 180});
tz.bgprog().style('bottom: 30px; color: lemonchiffon');
tz.fs().style('right: 20px; bottom: 20px');
</script><br><br>
<br><br>
影儿这就活学活用了。真冰雪{:4_187:} 影儿学得好，用得快，比老朽强多了。 很漂亮的制作，视频也用得漂亮，如梦似幻的。
欣赏影儿好帖{:4_199:} 很抢眼的制作，很好听的歌，欣赏学习！！
霜染枫丹 发表于 2025-12-2 21:09
很抢眼的制作，很好听的歌，欣赏学习！！
感谢才友临帖赏析，问好，相互学习了
红影 发表于 2025-12-2 19:44
很漂亮的制作，视频也用得漂亮，如梦似幻的。
欣赏影儿好帖
感谢才友临帖赏析，问好，相互学习了{:4_204:}
梦油 发表于 2025-12-2 17:34
影儿学得好，用得快，比老朽强多了。
感谢才友临帖赏析，问好，相互学习了{:4_204:}
樵歌 发表于 2025-12-2 16:57
影儿这就活学活用了。真冰雪
感谢才友临帖赏析，问好，相互学习了{:4_204:}
傲雷影儿 发表于 2025-12-3 13:28
感谢才友临帖赏析，问好，相互学习了
影儿朋友别客气。
页:
[1]