【云画】被风吹过的夏天——（赠 柒玥）

云笛

月到天心

先占位，问好同桌的你，平安喜乐！

云笛

帖子代码：

1. 
   
2. <style>
   
3. #mydiv {
   
4.         margin: 30px 0 30px calc(50% - 881px);
   
5.         width: 1600px;
   
6.         height: 900px;
   
7.         top:130px;
   
8.         background: url('https://img.wyc520.com.cn/data/attachment/forum/202407/27/154155t447px9m9f047llm.jpg') no-repeat center/cover;
   
9.         box-shadow: 0 0 0px rgba(0,0,0,.5);
   
10.         overflow: hidden;
    
11.         position: relative;
    
12. }
    
13. 
    
14. .mypic {
    
15.         position: absolute;
    
16.     right:600px;
    
17.     top:200px;
    
18.         cursor: pointer;
    
19.     mix-blend-mode: Multiply;
    
20.     z-index: 3;
    
21.     }
    
22.    
    
23.    
    
24. 
    
25. #vid {
    
26.         position: absolute;
    
27.         width: 100%;
    
28.         height: 110%;
    
29.                 right:0%;
    
30.         top:-80px;
    
31.         object-fit: cover;
    
32.         pointer-events: none;
    
33.         mix-blend-mode: screen;
    
34.         z-index: 2;
    
35.         opacity: .50;
    
36. }
    
37. #vid1 {
    
38.         position: absolute;
    
39.         width: 40%;
    
40.         height: 50%;
    
41.                 right:55%;
    
42.         top:260px;
    
43.         object-fit: cover;
    
44.         pointer-events: none;
    
45.         mix-blend-mode: screen;
    
46.         z-index: 2;
    
47.         opacity: .90;
    
48. }
    
49. </style>  
    
50. 
    
51. 
    
52. <div id="mydiv">   <div class="mypic"><img src="" alt="" /></div>        
    
53. <video id="vid" src="https://img.tukuppt.com/video_show/2405179/00/02/42/5b5fc4c282915.mp4" autoplay="" loop="" muted=""></video>
    
54. 
    
55. <video id="vid1" src="https://img.tukuppt.com/video_show/7165162/00/17/91/5ed0c93e00e78.mp4" autoplay="" loop="" muted=""></video>
    
56. </div>
    
57. <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1331628393" autoplay="" loop=""></audio>
    
58. <br><br><br><br><br><br><br><br>
    

复制代码

特效链接：（我后来添加了一个花瓣特效）
https://img.tukuppt.com/video_show/2405179/00/02/42/5b5fc4c282915.mp4
https://img.tukuppt.com/video_show/7165162/00/17/91/5ed0c93e00e78.mp4

音乐：被风吹过的夏天
链接https://music.163.com/song/media/outer/url?id=1331628393

素材图：

                               
登录/注册后可看大图

如墨轻蘸

让我们共同度过美好的夏日！图图柔美有韵味！

茶茉

真好看，漂亮的画面

青石板

蓝色的夏天，浪漫的图图。很美~

青石板

标题字真好看，特效漂亮。问好笛儿

千千羽

柔美的画面，靓丽的色调，标题制作也很别致

千千羽

小清新的画面，云笛选材和制作都是美美哒。周末快乐哈

花落千江水

云笛 发表于 2024-7-27 15:52
帖子代码：

几个素材经你一融合，意境立马不一样了，更美更梦幻了。