【落。字】诗行山水

令狐冲

落字这幅图很美
朦胧原野背景
与人物很搭
一袭红裙很亮眼
意境空灵感
排字很精彩
只是动态F在这样的浅色背景下不明显。。。

云端漫步

1. <style>
   
2. #mydiv { margin: 0 0 0 calc(41% - 931px);
   
3. top:100px;
   
4. display: grid;
   
5. place-items: center;
   
6. width: 1856px;
   
7. height: 900px;
   
8. background: lightblue url('https://lengwx240511.oss-cn-shenzhen.aliyuncs.com/%E5%9B%BE%E5%9B%BE/20250821BA.jpg') no-repeat center/cover;
   
9. box-shadow: 3px 3px 20px #000;
   
10. user-select: none;
    
11. overflow: hidden;
    
12. position: relative;
    
13. z-index: 3;  }
    
14. #vid1 {
    
15.         position: absolute;
    
16.         width: 100%;
    
17.         height: 100%;
    
18.         top:-5px;
    
19.         object-fit: cover;
    
20.         pointer-events: none;
    
21.         mix-blend-mode: screen;
    
22.         z-index:150;
    
23.         opacity:6;
    
24. 
    
25. }
    
26. </style>   
    
27. <div id="mydiv">
    
28. <video id="vid1" src="https://img.tukuppt.com/video_show/2418175/00/02/20/5b51fecde9934.mp4" autoplay="" loop="" muted=""></video>
    

复制代码

花简静

落字秋风 发表于 2025-8-21 21:49
是不是代码错了，我怎么看不到

图片真美，可以看到的

花简静

图中的红衣小姐姐好吸睛，这蒙眼的体态真是绝美。。
背景朦胧，暖黄色调与人物搭配完美。。。

花简静

落落的作品意境太美了。。
排字好看，标题如行云流水，潇洒自如，大小文字错落，颜色对比突出重点，很喜欢的效果

花简静

原视频是黑底的阳光，偏白色。用了: screen;滤色效果可以去黑底，保留阳光。但因为所处位置背景刚好也是白色，所以阳光效果几乎就看不到了。
建议像云端老师说的那样换个视频试试，
或者把
        mix-blend-mode: screen;（这句是去黑留白的滤色效果，先把这一句去掉，保留视频原有的黑底）
        z-index:150;
        opacity:0.9;（同时更改这里的透明度为0.3以内，这样可以弱化黑底，就能看到阳光了）

清梦

落落的图做的真漂亮~

清梦

欣赏落落带来的精彩作品，祝创作愉快，周末快乐~~

清梦

期待落落更多佳作分享，祝开心每一天~

落字秋风

令狐冲 发表于 2025-8-21 22:10
落字这幅图很美
朦胧原野背景
与人物很搭

因为当时发出来的时候浏览器看不到图，没法调，等有空上电脑了弄
谢谢令狐兄