东篱闲人 发表于 2024-7-5 17:58

【东篱音画】那时月色

本帖最后由 东篱闲人 于 2024-7-5 20:35 编辑 <br /><br /><style>
#tz { margin: 30px 0 30px calc(42% - 700px); width: 1400px; height: 800px; background: url('https://pic.imgdb.cn/item/6685ff0dd9c307b7e9907179.jpg') no-repeat center/cover; box-shadow: 2px 2px 6px gray; overflow: hidden; position: relative; }
#lrc { position: absolute; left: 120px; top: 650px; font: normal 25px sans-serif; white-space: nowrap; color:#EEE8CD; celandine green; text-shadow: 1px 1px 1px gray; animation: fly 20s linear infinite alternate var(--state); --ww: 350px; }


#player::after { content: attr(data-time); inset: -30px 0 10px 0; text-align: justify; text-align-last: justify; font-size: 14px; color: var(--color); pointer-events: none; }
.vid { position: absolute; bottom: 0; width: 100%; height: calc(120% + 40px); object-fit: cover; mix-blend-mode: screen; pointer-events: none; }
@keyframes rot { to { transform: rotate(360deg); } }
@keyframes fly { to { left: calc(100% - var(--ww) - 20px); } }
</style>

<div id="tz">
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1408172749" autoplay loop></audio>
      
      <video class="vid" src="https://img.tukuppt.com/video_show/2421007/00/01/34/5b4094b0e2d23.mp4" autoplay loop muted></video>
      
</div>


</script>

红影 发表于 2024-7-5 20:17

场景很清静。月亮很圆，还有烟雾弥漫，字体效果和撕裂效果也好看。
欣赏东篱大哥精美制作{:4_199:}

红影 发表于 2024-7-5 20:17

这个好像没有居中啊{:4_204:}

东篱闲人 发表于 2024-7-5 20:34

红影 发表于 2024-7-5 20:17
这个好像没有居中啊

好像是，咱改改。。。

红影 发表于 2024-7-5 21:31

东篱闲人 发表于 2024-7-5 20:34
好像是，咱改改。。。
看得笑，居然用了calc(42% - 700px); 看着倒是差不多{:4_173:}
这个42是试出来的吧，还差一点点，如果是计算出来的，应该是44%，而且只适合1400的宽度，如果是1200的宽度，就是43%了。

小辣椒 发表于 2024-7-5 21:53

老头这个背景有云雾效果，发现老头用视频特效也是来三的，老头一看就会了{:4_199:}

小辣椒 发表于 2024-7-5 21:53

欣赏老头的精彩制作{:4_199:}

东篱闲人 发表于 2024-7-5 22:07

红影 发表于 2024-7-5 21:31
看得笑，居然用了calc(42% - 700px); 看着倒是差不多
这个42是试出来的吧，还差一点点，如果是 ...

摸着石头过河。。。{:4_181:}

东篱闲人 发表于 2024-7-5 22:07

小辣椒 发表于 2024-7-5 21:53
老头这个背景有云雾效果，发现老头用视频特效也是来三的，老头一看就会了

瞎琢磨。。。。{:5_117:}

小辣椒 发表于 2024-7-5 22:23

东篱闲人 发表于 2024-7-5 22:07
瞎琢磨。。。。

重要有效果出来就是成功的{:4_178:}

红影 发表于 2024-7-5 23:21

东篱闲人 发表于 2024-7-5 22:07
摸着石头过河。。。

一般都是50%，然后后面的数字用一般的宽度加上81，你这个直接调前面百分比了，真没想到{:4_173:}

樵歌 发表于 2024-7-6 06:56

图意不得说呵。那时月色朦胧，那时情愫初开，那时你也青涩，，，，{:4_189:}

梦江南 发表于 2024-7-6 08:03

欣赏老师精美音画！美女手里抱的是什么？{:4_199:}

东篱闲人 发表于 2024-7-6 10:40

小辣椒 发表于 2024-7-5 22:23
重要有效果出来就是成功的

师傅说的对。。。

东篱闲人 发表于 2024-7-6 10:41

红影 发表于 2024-7-5 23:21
一般都是50%，然后后面的数字用一般的宽度加上81，你这个直接调前面百分比了，真没想到

改革势在必行。。。。{:5_117:}

东篱闲人 发表于 2024-7-6 10:41

樵歌 发表于 2024-7-6 06:56
图意不得说呵。那时月色朦胧，那时情愫初开，那时你也青涩，，，，

你知道的忒多。。。{:5_117:}

东篱闲人 发表于 2024-7-6 10:42

梦江南 发表于 2024-7-6 08:03
欣赏老师精美音画！美女手里抱的是什么？

纸鸢，也叫风筝。。。{:5_117:}

红影 发表于 2024-7-6 22:01

东篱闲人 发表于 2024-7-6 10:41
改革势在必行。。。。

真的是头一次看到呢，笑{:4_173:}

樵歌 发表于 2024-7-7 17:27

东篱闲人 发表于 2024-7-6 10:41
你知道的忒多。。。

略知一二呗{:4_189:}
页: [1]
查看完整版本: 【东篱音画】那时月色