绿叶清舟 发表于 2024-6-21 20:18

雨季不再来


<style>
#tiezi { margin: 30px 0 30px calc(50% - 721px); display: grid; place-items: center; width: 1280px; height: 720px; background: #333 url('https://p.upyun.com/demo/tmp/6cmaJvoJ.webp') no-repeat center/cover; box-shadow: 3px 3px 6px gray; overflow: hidden; position: relative; }
#tiezi::before, #tiezi::after { position: absolute; content: ''; width: 100%; height: 100%; border: 10px inset #333; box-sizing: border-box; transition: 2s; }
#tiezi::before { left: 0; top: 0; border-color: #2c1b07 transparent transparent #907e6a; }
#tiezi::after { right: 0; bottom: 0; border-color: transparent #907e6a #2c1b07 transparent; }
#tiezi:hover::before, #tiezi:hover::after { width: 0; height: 0; }
#tiezi:hover .vid { mix-blend-mode: multiply; }
#player { position: absolute; bottom: 10px; }
#lrc { position: absolute; top: 18px; }
.vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: overlay; pointer-events: none; }
</style>

<div id="tiezi">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=258857" autoplay loop></audio>
<video class="vid" src="https://img.tukuppt.com/video_show/2405811/00/16/27/5e9c67b78822d.mp4" loop muted></video>
<canvas id="player" width="1000" height="80"></canvas>
<canvas id="lrc" width="800" height="50"></canvas>
</div>

<script>
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js2024/canv_lineprog_518.js';
document.body.appendChild(sF);
var colors = {track: 'snow', prog: '#2c1b07', lrc1: 'white', lrc2: '#cccccc'};
var lrcAr = [];
</script>

南无月 发表于 2024-6-21 20:45

整体色彩非常漂亮，
视频效果如梦似幻，
斑驳的室内加上下雨的特效，
这个意境整得太美了。。{:4_199:}

南无月 发表于 2024-6-21 20:47

边框流动效果改了颜色，更符合这个贴子色彩。。
鼠标触碰，画面明暗变化像是白天和晚上自动转场，
感觉十分灵动。。

南无月 发表于 2024-6-21 20:47

播放器颜色调得漂亮，十分好看。。{:4_199:}

梦油 发表于 2024-6-21 21:21

小猫打伞还挺有趣。

小辣椒 发表于 2024-6-21 23:29

这个雨点点效果用的位子真好，清舟就是厉害，要么不做，做出来的东西就是耐品{:4_178:}

小辣椒 发表于 2024-6-21 23:29

欣赏清舟好制作{:4_199:}

红影 发表于 2024-6-22 00:29

色彩很符合想表达的意境，好喜欢的制作{:4_184:}

马黑黑 发表于 2024-6-22 09:40

漂酿

马黑黑 发表于 2024-6-22 09:40

好听

樵歌 发表于 2024-6-22 21:24

外面大雨，室内小雨，小猫打伞最乖了{:4_172:}

友昕 发表于 2024-6-22 23:04

很喜欢的一首歌！ 制图很有意境！小猫真可爱~

友昕 发表于 2024-6-22 23:07

黎瑞恩 我还喜欢她那首《问候》

绿叶清舟 发表于 2024-6-24 21:31

南无月 发表于 2024-6-21 20:45
整体色彩非常漂亮，
视频效果如梦似幻，
斑驳的室内加上下雨的特效，


家里都发霉了{:4_189:}

绿叶清舟 发表于 2024-6-24 21:31

友昕 发表于 2024-6-22 23:07
黎瑞恩 我还喜欢她那首《问候》

问候还没听过了

绿叶清舟 发表于 2024-6-24 21:32

友昕 发表于 2024-6-22 23:04
很喜欢的一首歌！ 制图很有意境！小猫真可爱~

正好搜了猫打伞的，就拿来了

绿叶清舟 发表于 2024-6-24 21:32

樵歌 发表于 2024-6-22 21:24
外面大雨，室内小雨，小猫打伞最乖了

就是啊，老屋就是这样了{:4_189:}

绿叶清舟 发表于 2024-6-24 21:33

小辣椒 发表于 2024-6-21 23:29
这个雨点点效果用的位子真好，清舟就是厉害，要么不做，做出来的东西就是耐品

谢谢辣椒，正好梅雨季了，想到了这歌

绿叶清舟 发表于 2024-6-24 21:34

红影 发表于 2024-6-22 00:29
色彩很符合想表达的意境，好喜欢的制作

发霉的颜色吧{:4_189:}

绿叶清舟 发表于 2024-6-24 21:35

马黑黑 发表于 2024-6-22 09:40
漂酿

被你骗来的
页: [1] 2 3 4
查看完整版本: 雨季不再来