【黑师代码】海的那边到底有什么（回赠：云端漫步老师）

花简静

花简静

@云端漫步
这次一回来就收到你送的礼物，十分开心。。
2026元旦即将到来，祝你新的一年，心之所向，行之所往，所求皆如愿，所行皆坦途，多喜乐，长安宁。
千山常伴快乐疯图。。

花简静

1. <style>
   
2.     @import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
   
3.     .pa {
   
4.             --offsetX: 0px;margin:150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1800px); height: auto; aspect-ratio: 18/12;--bg: url('https://642303.freep.cn/642303/tu/20251229ydmb.webp') no-repeat center/cover;
   
5.     }
   
6.     .gRot { animation: rotate 8s linear infinite var(--state); }
   
7.     #msvg { position: absolute; bottom: 35%;right:54%;opacity: 0.3; }
   
8. </style>
   
9. 
   
10. 
    
11. <div class="pa">
    
12.     <svg id="msvg" width="90" height="90" xmlns="http://www.w3.org/2000/svg" viewBox="-100 -100 200 200">
    
13.         <g stroke="lightyellow" stroke-width="10">
    
14.             <ellipse id="track" cx="0" cy="0" rx="95" ry="85" fill="none" />
    
15.             <ellipse id="prog" cx="0" cy="0" rx="95" ry="85" fill="none" stroke="darkorange" />
    
16.         </g>
    
17.     </svg>
    
18. </div>
    
19. 
    
20. <script type="module">
    
21.     import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js?v0';
    
22.     const tz = TZ.TZ('pa');
    
23. 
    
24.     tz.add('audio', '', '', {
    
25.             src: 'https://music.163.com/song/media/outer/url?id=2108494651'
    
26.     });
    
27. 
    
28.     tz.add('video', '', 'qk-vid', {
    
29.             src: 'https://bpic.588ku.com/video_listen/588ku_video/22/11/04/16/01/57/video6364c6f5e3503.mp4',
    
30.             style: 'opacity: 0.3;transform: rotateY(180deg);'
    
31.     });
    
32. 
    
33.     tz.svgsonsRot(4, 'msvg', 'path', {
    
34.         d: 'M0 0 C-100 100,100 100,0 0',
    
35.         fill: 'Coral'
    
36.     }).playmp3();
    
37. 
    
38.     tz.svgprog('msvg', 'track', 'prog');
    
39.    
    
40.     tz.fs().style('top: 20px; right: 20px');
    
41. </script>

复制代码

花简静

感谢北帅的图片素材和音乐素材。。@一鹿向北

一鹿向北

这个素材选的不错，
我挺喜欢这张，
晚点电脑再细品。

一鹿向北

漫步兄收礼开心！

云端漫步

呵呵静静辛苦还回礼太客气了，说明你也是个执着的人。

云端漫步

一鹿向北 发表于 2025-12-29 17:42
漫步兄收礼开心！

谢谢北北

云端漫步

画面用沉静色调勾勒出墨香清芬。
而音符在耳畔流淌，色彩在眼前晕染，
这一幅画便拥有了灵魂，并让人物所蕴含点亮人的眼眸，
作品便对付出都有了最温暖的回应。
暖人图景制作精心精美
好帖狠赞哦，欣赏，辛苦了。

花简静

一鹿向北 发表于 2025-12-29 17:42
这个素材选的不错，
我挺喜欢这张，
晚点电脑再细品。

有文艺风。。。抠图后背景换了好多张，发现不如原背景。。