姚云裳作品动图背景：爱笑的眼睛

花简静

花简静

@姚云裳 你不是一直想要自己的图动起来么，找了一张你的图用豆包做了一下。
你看看。顺便给个代码参照用

花简静

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
   
3.         .pa { margin:150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1700px); height: auto; aspect-ratio: 17/12;--offsetX: 0px; --bg: url('https://cccimg.com/view.php/696733a7dee970f347746f1afa45e228.jpg') no-repeat center/cover; }
   
4.         .vid {position: absolute; width: 100%;height: 100%;object-fit: cover;   -webkit-mask: linear-gradient(to  right, cyan, cyan,cyan,cyan,cyan,cyan,cyan,transparent, transparent,transparent);  
   
5. }
   
6. }
   
7. </style>
   
8. 
   
9. <div id="pa" class="pa"></div>
   
10. 
    
11. <script type="module">
    
12.         import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
    
13.         const tz = TZ.TZ('pa');
    
14.        
    
15.         tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=2009531767'});
    
16.         tz.add('video', '', 'vid', {src: 'https://cccimg.com/view.php/6beba115dd994c42bfea048b88f808b1.mp4'});
    
17.         tz.add('video', '', 'qk-vid', {src: 'https://bpic.588ku.com/video_listen/588ku_video/23/08/29/17/22/02/video64edb8ba412ef.mp4',
    
18.                 style: 'mix-blend-mode: screen;'});
    
19. </script>

复制代码

花简静

第3行是你的背景图，14行是你的图片制的视频，15行是装饰视频
另外13行是音乐。。
一换就好了

花简静

这个属练习水贴，不用操作哈。。。

花简静

唯一的瑕疵是有水印。

素心

嗯嗯，的确是，唯一的瑕疵就是有水印，

素心

剩下的都是美美哒，很灵动的画面，看着这个舒心

花简静

素心 发表于 2025-12-16 21:20
嗯嗯，的确是，唯一的瑕疵就是有水印，

云裳图做的美，没办法

花简静

素心 发表于 2025-12-16 21:21
剩下的都是美美哒，很灵动的画面，看着这个舒心

我比较了一下，豆包的视频比较连贯，生成的文件也比较小。如果能去掉水印就好了。等会我试下