雨一直在下
本帖最后由 梦江南 于 2024-7-20 10:08 编辑 <br /><br /><style>#tiezi { margin: 30px 0 30px calc(50% - 593px); display: grid; place-items: center; width: 1024px; height: 650px; overflow: hidden; position: relative; box-shadow:3px 3px 6px gray; }
.pa { position: absolute;top: 0px; left: 0px;width: 100%; height: 100%; }
.son { position: absolute; width: 600px; height: 600px;left: 214px; top: 34px;}
.son::before, .son::after { position: absolute; content: ''; width: 100%; height: 100%; border-radius: 50%; border: 0px outset cyan; transition: .7s; box-sizing: border-box; }
.son::before { left: 0; top: 0; border-color: tan transparent transparent GoldEnrod; }
.son::after { right: 0; bottom: 0; border-color: transparent Wheat tan transparent; }
.son:hover::before, .son:hover::after{ border-color: transparent transparent transparent transparent; border-radius: 0%;}
.pic { position: absolute;top: 0px; left: 0px;width: 100%; height: 100%; }
.pic1 { position: absolute;top: 60px; left: 380px;width: 600px; height: 600px; transition: 1.7s; opacity: 0.7; }
.pic2 { position: absolute;bottom: 80px; left: 20px;width: 260px; height: 140px; opacity: 0.9;transform: rotate(-10deg); }
.pa:hover .pic {opacity: 0; }
.pa:hover .pic1 {opacity: 0; }
.pa:hover .vid {opacity: 1; }
#player { position: absolute; bottom: 90px; right:90px; }
#lrc { position: absolute; left:400px; top: 600px; }
.vid { position: absolute; width: 100%; height: 100%; object-fit: cover;opacity: 0; pointer-events: none; }
</style>
<div id="tiezi">
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=1871153531.mp3" autoplay loop></audio>
<div class="pa">
<img class="pa" src="https://pic.imgdb.cn/item/669b1548d9c307b7e9cdbb73.gif
" alt="" /><div class="son"></div></div>
<img class="pic2" src="https://pic.imgdb.cn/item/667ced44d9c307b7e9ff3f2e.png" alt="" />
<canvas id="player" width="240" 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: 'Chocolate', lrc22: 'GreenYellow', lrc45: 'Chocolate'};
var lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
</script> 用手机编辑过？ 马黑黑 发表于 2024-7-20 10:27
用手机编辑过？
回黑黑老师，是用编辑器编辑的。
谢谢老师沙发支持鼓励！{:4_187:} 雨下得真大啊{:5_106:} 起个网名好难 发表于 2024-7-20 12:21
雨下得真大啊
雨下得大表示心诚也。
谢谢老师支持！{:4_204:} 制作真漂亮，还是原点高亮歌词同步呢。
歌曲也选得好，开始带着雨声的音乐呢。{:4_199:} 欣赏梦江南好帖{:4_187:} 红影 发表于 2024-7-20 14:31
制作真漂亮，还是原点高亮歌词同步呢。
歌曲也选得好，开始带着雨声的音乐呢。
谢谢影子分享精彩点评。问好！{:4_204:} 欣赏梦江南的精彩制作{:4_187:} 红影 发表于 2024-7-20 14:31
欣赏梦江南好帖
影子辛苦了，有您 真好！
https://pic.imgdb.cn/item/666a6741d9c307b7e9aa2b68.gif 小辣椒 发表于 2024-7-20 14:41
欣赏梦江南的精彩制作
问好小辣椒，谢谢分享支持！祝您夏日安康！{:4_204:} 欣赏老友佳作！ 海笑 发表于 2024-7-20 15:06
欣赏老友佳作！
问好老友，谢谢支持！ 梦江南 发表于 2024-7-20 14:40
谢谢影子分享精彩点评。问好！
制作很用心，给梦江南点赞{:4_187:} 梦江南 发表于 2024-7-20 14:42
影子辛苦了，有您 真好！
又看到这个图图了，谢谢梦江南{:4_187:} 红影 发表于 2024-7-20 17:48
制作很用心，给梦江南点赞
早上问好，谢谢影子看得如此仔细。周日快乐！{:4_204:} 红影 发表于 2024-7-20 17:48
又看到这个图图了，谢谢梦江南
这个图图上传的地址放在记事本里呢。谢谢您的辛苦！
https://pic.imgdb.cn/item/666f8259d9c307b7e96c3ff7.gif 雨中的思念，欣赏梦江南的美帖 走过岁月 发表于 2024-7-21 13:25
雨中的思念，欣赏梦江南的美帖
问好岁月版主，谢谢分享支持！{:4_204:} 梦江南 发表于 2024-7-21 08:42
早上问好，谢谢影子看得如此仔细。周日快乐！
您辛苦制作的帖子，当然要仔细欣赏啊{:4_187:}
页:
[1]
2