绿叶清舟 发表于 2024-6-19 21:11

永远永远

<style>
#tiezi { margin: 30px 0 30px calc(50% - 691px); display: grid; place-items: center; width: 1200px; height: 720px; background: #333 url('https://pic.imgdb.cn/item/6672d181d9c307b7e9d42d50.jpg') 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: 7f7f7f transparent transparent #333; }
#tiezi::after { right: 0; bottom: 0; border-color: transparent #333 7f7f7f 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=258134" autoplay loop></audio>
<video class="vid" src="" 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: '#7f7f7f', lrc1: 'white', lrc2: '#cccccc'};
var lrcAr = [];
</script>

红影 发表于 2024-6-19 22:57

好奇妙的底图色彩。鼠标触动的效果也好美，清舟好帖{:4_187:}

红影 发表于 2024-6-19 23:00

清舟咋不弄个完整的歌词，这歌还挺忧伤的呢{:4_173:}

友昕 发表于 2024-6-19 23:28

红影 发表于 2024-6-19 23:00
清舟咋不弄个完整的歌词，这歌还挺忧伤的呢

这歌国语的，应该能听懂呀

友昕 发表于 2024-6-19 23:36


李翊君唱功很好，演唱投入，抒发情感酣畅淋漓，熟悉的有《萍聚》《雨蝶》等，

清舟的制作依旧精彩！没得说

马黑黑 发表于 2024-6-20 12:30

{:4_199:}

红影 发表于 2024-6-20 18:36

友昕 发表于 2024-6-19 23:28
这歌国语的，应该能听懂呀

我是说清舟应该弄个歌词同步来{:4_173:}

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

红影 发表于 2024-6-19 22:57
好奇妙的底图色彩。鼠标触动的效果也好美，清舟好帖

图片加了个滤镜效果的

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

红影 发表于 2024-6-19 23:00
清舟咋不弄个完整的歌词，这歌还挺忧伤的呢

懒嘛，那久没弄歌词了

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

马黑黑 发表于 2024-6-20 12:30


就是这个只是外框用了二个颜色变化就不一样了

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

友昕 发表于 2024-6-19 23:36
李翊君唱功很好，演唱投入，抒发情感酣畅淋漓，熟悉的有《萍聚》《雨蝶》等，

清舟的制作依旧精彩！没 ...

是啊，喜欢这种投入感情的唱法

红影 发表于 2024-6-20 22:21

绿叶清舟 发表于 2024-6-20 20:55
图片加了个滤镜效果的

嗯嗯，加了以后效果很好呢{:4_187:}

红影 发表于 2024-6-20 22:21

绿叶清舟 发表于 2024-6-20 20:55
懒嘛，那久没弄歌词了

可以搜的，不一定自己去做啊{:4_173:}

马黑黑 发表于 2024-6-20 22:22

绿叶清舟 发表于 2024-6-20 20:56
就是这个只是外框用了二个颜色变化就不一样了

是的

绿叶清舟 发表于 2024-6-21 19:15

红影 发表于 2024-6-20 22:21
可以搜的，不一定自己去做啊

搜了一个，好象歌词有点不太对了{:4_189:}

绿叶清舟 发表于 2024-6-21 19:15

马黑黑 发表于 2024-6-20 22:22
是的

啥时再整四个颜色的看看变化

马黑黑 发表于 2024-6-21 19:50

绿叶清舟 发表于 2024-6-21 19:15
啥时再整四个颜色的看看变化

多整整

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

马黑黑 发表于 2024-6-21 19:50
多整整

发现了是代码出错才这样的啦

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

清舟每个帖都时精彩至极{:4_199:}

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

欣赏清舟的精彩效果，特别的棒！{:4_178:}
页: [1] 2
查看完整版本: 永远永远