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

花简静

花简静

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
   
3.         .pa { 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/20251105qinger01.webp') no-repeat center/cover; }
   
4.         .petal { position: absolute; width: 50%; height: 50%;background: radial-gradient(yellow, var(--cc), LavenderBlush); clip-path: path('M40 50 L50 0 L60 50 Q50 0, 40 50 L50 110 L 60 50 Q50 100, 40 50'); }
   
5.         .pd-vid  {mix-blend-mode:screen;width:100%; right:-10%;-webkit-mask: linear-gradient(to left,transparent,transparent,red);opacity: .89;transform: rotateY(180deg);}
   
6. </style>
   
7. 
   
8. <div id="pa" class="pa"></div>
   
9. 
   
10. <script type="module">
    
11.         import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v2.js';
    
12.         const tz = TZ.TZ('pa');
    
13.         tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=2130367281'});
    
14.         tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2419216/00/01/99/5b4f1d69df5e8.mp4' });
    
15.         tz.add('div', 'player', 'wrap100 ma',{style: 'left:11%;top:20%; cursor: pointer;'}).playmp3() ;
    
16.         tz.lzRot(40, 'player', { className: 'petal', angle: 360, opacity: .89,cc: true });
    
17.         tz.bgprog().style('left: 6%; transform: rotate(90deg) ; opacity: .19;color: #fff;C');
    
18.         tz.fs().style('bottom: 20px; left: 20px');
    
19. </script>

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静