花简静贴子代码及说明汇总（翻页有新贴）

花简静

花简静

1. <style>
2. @import 'https://638183.freep.cn/638183/web/tz/tz.min.css?v1';
3. .pa { --offsetX: 0px; margin:150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1800px); height: auto; aspect-ratio: 18/9.6;--bg: url('https://642303.freep.cn/642303/tu/20251229sy013.webp') no-repeat center/cover; }
4. .player { position: absolute; bottom: 38%;right:7%; cursor: pointer;width: 120px; height: 120px; mask: url('https://638183.freep.cn/638183/small/snow.webp') no-repeat center/cover; -webkit-mask: url('https://638183.freep.cn/638183/small/snow.webp') no-repeat center/cover; }
5. .vid { transform: rotateY(0deg);
6. -webkit-mask: linear-gradient(to left,transparent,transparent,transparent,red,red,red);}
8. </style>
10. <div class="pa"></div>
12. <script type="module">
13. import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
14. const tz = TZ.TZ('pa');
15. tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=2731325884'});
16. tz.add('video', '', 'vid', {
17. src: 'https://i.uik.cc/view.php/666c4ee0fce3422040c25913ab83642c.mp4',
18. DisablePictureInPicture: 'true'
19. }).playmp3();
20. tz.add('video', '', 'qk-vid', { src: 'https://bpic.588ku.com/video_listen/588ku_video/22/11/05/16/14/43/video63661b737c854.mp4',
21. style: 'mix-blend-mode:screen;opacity: .69;top:-10%;height:110%;' });
22. tz.add('img', '', 'player rotate-ani', { src: 'https://642303.freep.cn/642303/tu/c88747f820d857d2.png' }).playmp3();
23. tz.fs().style('bottom: 20px');
24. </script>

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静