天青色等烟雨 而我在等你

水晶

水晶

素材

水晶

@心在跳 根据你写的如果云知道的教程做的背景

水晶

背景制作教程链接

【跳涂趣图】如果云知道 (出处: 忘忧草爱网)



特效代码

1. <div id="mydiv">   <div class="mypic"><img src="" alt=""></div>        
   
2. <video id="vid1" src="https://img.tukuppt.com/video_show/15653652/01/04/17/6141b8731a032.mp4" autoplay="" loop="" muted=""></video>
   
3. <video id="vid2" src="" autoplay="" loop="" muted=""></video>
   
4. <video id="vid3" src="1[url]https://img.tukuppt.com/video_show/7165162/00/17/91/5ed0c93e00e78.mp4[/url]" autoplay="" loop="" muted=""></video>
   
5. <video id="vid4" src="" autoplay="" loop="" muted=""></video>
   
6. </div>  

复制代码

单图代码

1. <style>
   
2. #mydiv { margin: 0 0 0 calc(50% - 481px);
   
3. display: grid;
   
4. place-items: center;
   
5.    width:816px;
   
6.    height: 1297px;
   
7. top:130px;
   
8. background: lightblue url('https://img.wyc520.com.cn/data/attachment/forum/202405/24/213919ezpuvf1qpenoflqe.jpg') no-repeat center/cover;
   
9. box-shadow: 0px 0px 0px #000;
   
10. user-select: none;
    
11. overflow: hidden;
    
12. position: relative;
    
13. z-index: 3;  }
    
14. 
    
15. .mypic {
    
16.         position: absolute;
    
17.     right:1060px;
    
18.     top:100px;
    
19.         cursor: pointer;
    
20.     mix-blend-mode: Multiply;
    
21.     z-index: 3;
    
22.     }
    
23.    
    
24.    
    
25. #vid1 {
    
26.         position: absolute;
    
27.         width: 100%;
    
28.         height: 110%;
    
29.         top:-80px;
    
30.         object-fit: cover;
    
31.         pointer-events: none;
    
32. mix-blend-mode: soft-light;
    
33.         z-index: 2;
    
34.         opacity: .70;
    
35. }
    
36. 
    
37. 
    
38. 
    
39. 
    
40. #vid2 {
    
41.         position: absolute;
    
42.         width: 70%;
    
43.         height: 80%;
    
44.                 right:-26%;
    
45.         top:0px;
    
46.         object-fit: cover;
    
47.         pointer-events: none;
    
48.         mix-blend-mode: screen;
    
49.         z-index: 2;
    
50.         opacity: .90;
    
51. }
    
52. 
    
53. #vid3 {
    
54.         position: absolute;
    
55.         width: 80%;
    
56.         height: 80%;
    
57.                         right:-20%;
    
58.         top:320px;
    
59.         object-fit: cover;
    
60.         pointer-events: none;
    
61. mix-blend-mode: screen; //滤色
    
62. 
    
63.         z-index: 2;
    
64.         opacity: .85;
    
65. }
    
66. 
    
67. 
    
68. 
    
69. 
    
70. #vid4 {
    
71.         position: absolute;
    
72.        
    
73.         width: 100%;
    
74.         height: 140%;
    
75.         top:50px;
    
76.         object-fit: cover;
    
77.         pointer-events: none;
    
78. mix-blend-mode: screen;
    
79. 
    
80.         z-index: 2;
    
81.         opacity: .35;
    
82. }
    
83. </style>  
    
84. 
    
85. <div id="mydiv">   <div class="mypic"><img src="" alt=""></div>        
    
86. <video id="vid1" src="https://img.tukuppt.com/video_show/15653652/01/04/17/6141b8731a032.mp4" autoplay="" loop="" muted=""></video>
    
87. <video id="vid2" src="" autoplay="" loop="" muted=""></video>
    
88. <video id="vid3" src="1[url]https://img.tukuppt.com/video_show/7165162/00/17/91/5ed0c93e00e78.mp4[/url]" autoplay="" loop="" muted=""></video>
    
89. <video id="vid4" src="" autoplay="" loop="" muted=""></video>
    
90. </div>  
    
91.   <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2067166765.mp3" autoplay="" loop=""></audio>
    
92. 
    
93. <br><br><br><br><br><br><br><br>

复制代码

心在跳

刚好在，刚好看到此贴，刚好有沙发，一切针好，这个色系也可以吧<br/><br/>

心在跳

背景渲染很有色属，很衬托人物，

你指派滴作业俺完成一半了，

明天弄好交作业

水晶

心在跳 发表于 2024-5-24 22:06
背景渲染很有色属，很衬托人物，

你指派滴作业俺完成一半了，

啊，俺指派的？不是夏西指派的【独角戏】？

心在跳

烟雨如梦，若隐若现画面唯美一场烟雨，

洗尽铅华，留下纯粹的美丽，配曲很搭好听

水晶

心在跳 发表于 2024-5-24 22:06
背景渲染很有色属，很衬托人物，

你指派滴作业俺完成一半了，

没有原图好看

跟着你的教程学着涂抹个天空，这是重点

心在跳

水晶 发表于 2024-5-24 22:08
啊，俺指派的？不是夏西指派的【独角戏】？

岁数大了记忆力下降记混淆啦，

边看你图边想着作业的构思，一下子认错美女啦