【云荷九周年庆典】从容辞

圊圊淥詶

姚云裳

图图好美，意境悠远，欣赏并学习，问好

绿蔷薇

帅制作辛苦了~~~

绿蔷薇

文字也是帅的原创，棒棒哒~~

绿蔷薇

帅巧手，这个脸妆好像剥了壳的鸡蛋，光滑细嫩~~

绿蔷薇

图图好美，质感又细腻，背景的渲染美极了
标题好看，与小字分开安排，蛮新颖的创意
蛐蛐配的好，帅的意境表达总是这般到位~~~

圊圊淥詶

花茶（永） 发表于 2025-8-24 10:30
特效代码留在留言栏里，方便需要的人借用，比如我哈哈........还有就是有几张单图合成的一个作品滚动的代码 ...

好的好的，马上贴出来

1. <DIV style="LEFT: -702px; WIDTH: 1850px; POSITION: relative; TOP: 15px">
   
2. 
   
3. <style>
   
4. #mydiv { margin: 0 0 0 calc(50% - 850px);
   
5. display: grid;
   
6. place-items: center;
   
7. width: 1850px;
   
8. height: 920px;
   
9. top:130px;
   
10. background: lightblue url('http://www.yhyhlt.com/data/attachment/forum/202508/24/094233d7o97abosazhqon7.jpg') no-repeat center/cover;
    
11. box-shadow: 3px 3px 20px #000;
    
12. user-select: none;
    
13. overflow: hidden;
    
14. position: relative;
    
15. z-index: 1;
    
16. }
    
17. .mypic {
    
18. position: absolute;
    
19. right: 490px;
    
20. top: 420px;
    
21. cursor: pointer;
    
22. mix-blend-mode: Multiply;
    
23. z-index: 3;
    
24. }
    
25. #vid {
    
26. position: absolute;
    
27. width: 100%;
    
28. height: 110%;
    
29. top:-80px;
    
30. object-fit: cover;
    
31. pointer-events: none;
    
32. mix-blend-mode: screen;
    
33. z-index: 2;
    
34. opacity: .21;
    
35. }
    
36. </style>
    
37. <div id="mydiv">
    
38. 
    
39. <img id="dt" src="2" alt="" style="position: absolute; width: 166px; top: 446px; left: 1308px;" />
    
40. 
    
41. <video id="vid" src="https://yw83yw.oss-cn-hangzhou.aliyuncs.com/lvzhou/flash/MP4/DH04.mp4 " autoplay="" loop="" muted=""></video>
    
42. </div>
    
43. </DIV>
    
44. <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
    

复制代码

圊圊淥詶

花茶（永） 发表于 2025-8-24 10:26
帅帅这题目字体好看！为啥标题跟小字离那么远？

搭配了好多次呢，最后才决定把主标题移到边上
谢谢花茶啊，就喜欢大家这样彼此探讨一下，可以以后在玩的时候提高一下自己的设计感
问好，周末快乐~~

圊圊淥詶

花茶（永） 发表于 2025-8-24 10:26
帅帅这题目字体好看！为啥标题跟小字离那么远？

问好花茶，谢谢临帖
嗯嗯是的，我这次特意分开了试试，
拉开主标题和小字的距离，感觉能看的更清晰，就想在图中加一点留白的美学，这样看起来可以优雅一些。
还有就是我想在视觉上创造一种平衡和层次感，

花茶（永）

特效代码留在留言栏里，方便需要的人借用，比如我哈哈........还有就是有几张单图合成的一个作品滚动的代码一起贴出来，嘻嘻！