Longing For The Unknown - Karunesh

绿叶清舟

偶然~

来欣赏精绿叶清舟的品佳作！

偶然~

制作大气！

偶然~

太棒了！玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】

偶然~

期待绿叶清舟佳作频出！

偶然~

愿你事事如意吉祥，幸福快乐绵长。

偶然~

感谢绿叶清舟支持花潮论坛，辛苦了，祝您和家人岁岁安康，幸福吉祥！

马黑黑

小播设置不对称。修正后的整体代码：

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/tz/tz.v3.css';
   
3.         .pa { --offsetX: 81px; --bg: url('https://pic1.imgdb.cn/item/693ab9cd0edaae20ec58a2ea.jpg') no-repeat center/cover; }
   
4.         .petal { width: 100%; height: 100%; top: -50%; background: url('https://pic1.imgdb.cn/item/693aba8d97f6538bc4c68464.png') no-repeat center/contain; transform-origin: 50% 100%; }
   
5.         .petal::after { content: ''; position: absolute; width: 100%; height: 100%; top: 100%; background: inherit; transform: scale(1, -1); }
   
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.v3.js';
    
12.         const tz = TZ.TZ('pa');
    
13.         tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1614747'});
    
14.         tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2629112/00/01/93/1614747.mp4'});
    
15.         tz.add('div', 'player', 'wrap100 rot-ani', {style: 'bottom: 100px; cursor: pointer; border: 1px solid gray'}).playmp3();
    
16.         tz.lzRot(2, 'player', {tag: 'div', className: 'petal', angle: 180});
    
17.         tz.bgprog().style('bottom: 30px; color: lemonchiffon');
    
18.         tz.fs().style('right: 20px; bottom: 20px');
    
19. </script>

复制代码

主要更改的是css选择器 .petal 和它的伪元素