东篱闲人 发表于 2024-7-17 09:11

【东篱音画】也无风雨也无忧


<style>
#tz { margin: 30px 0 30px calc(50% - 700px); width: 1400px; height: 800px; background: url('https://pic.imgdb.cn/item/6695c832d9c307b7e93feff0.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=2096588444" autoplay loop></audio>
      <video class="vid" src="https://img.tukuppt.com/video_show/15653652/00/79/79/60c972a0131ba.mp4" autoplay loop muted></video>
      
      
</div>


</script>

梦江南 发表于 2024-7-17 10:26

气势滂渤，赞！

东篱闲人 发表于 2024-7-17 12:08

梦江南 发表于 2024-7-17 10:26
气势滂渤，赞！

{:4_176:}

红影 发表于 2024-7-17 16:12

有趣，云雾淡些处才看到那负手而立的公子，这视频用得像是人物走入了迷雾中{:4_173:}
底图制作漂亮，和视频的配合使用也漂亮，欣赏东篱大哥好帖{:4_199:}

红影 发表于 2024-7-17 16:26

这帖子带给人很奇妙的效果，给东篱大哥点赞{:4_187:}

醉美水芙蓉 发表于 2024-7-17 19:38

挑兮达兮 发表于 2024-7-20 17:34

闲人老师，音画制作真美，收徒弟不？{:4_173:}
页: [1]
查看完整版本: 【东篱音画】也无风雨也无忧