加林森 发表于 2022-4-25 17:56

《钗头凤_C96kbps》 - 童丽


   <style>
        .papa { left:-214px; width: 1024px; height: 700px; position: relative; background-color: #eee; }
        .papa::before { content: ''; position: absolute; width: 8px; height: -200px; left: calc(10% - 4px); top: 180%; background: #2f4f4f; }
        .fan { position: absolute; width: 100px; height: 100px; left: 200(50% - 50px); top: 300(50% - 50px);cursor: pointer; animation: rot .25s linear infinite; }
        .fan::before, .fan::after { content: ''; position: absolute; background: #c60046; }
        .fan::before { width: 100%; height: 10px; left: calc(50% - 50px); top: calc(50% - 5px); }
        .fan::after { width: 10px; height: 100%; left: calc(50% - 5px); top: calc(50% - 50px); }
        .papa img { position: absolute; border: 20; }
        @keyframes rot { to { transform: rotate(360deg); } }
</style>

<div class="papa">
        <img style="left:0; bottom: 0; width: 200px; z-index: 10;" src="https://pic.imgdb.cn/item/62666c06239250f7c5516244.png" alt="" />
        <img style="top: 0; right: 0; width: 1024px; transform:mix-blend-mode: multiply;" src="https://pic.imgdb.cn/item/62666748239250f7c546787d.jpg" alt="" />
        <div class="fan"></div>
</div>

<script>
let papa = document.querySelector(".papa");
let fc = document.querySelector(".fan");
let au = document.createElement("audio");
au.src = "http://www.kumeiwp.com/sub/filestores/2022/04/25/45766cf9a96efe9ed6ec732df9fddb0d.mp3";
let flag = true;
au.autoplay = flag;
au.loop= true;
fc.appendChild(au);
chgc();
let cc = setInterval(chgc, 6000);

papa.onclick = function(){
        flag ? (fc.style.animationPlayState = "paused", au.pause(), flag = false) :
                (fc.style.animationPlayState = "running", au.play(), flag = true);
}

function chgc(){
        let c1 = `rgb(${Math.random()*255},${Math.random()*255},${Math.random()*255})`;
        let c2 = `rgb(${Math.random()*255},${Math.random()*255},${Math.random()*255})`;
        papa.style.background = `linear-gradient(120deg,${c1},${c2})`;
}
</script>   

加林森 发表于 2022-4-25 18:11

歌名：钗头凤
歌手：童丽
红酥手 黄藤酒
满城春色宫墙柳
东风恶 欢情薄
一杯愁绪 几年离索
错 错 错
春如旧 人空瘦
泪痕红浥鲛绡透
桃花落 闲池阁
山盟虽在 锦书难托
莫 莫 莫
世情薄 人情恶
雨送黄昏花易落
晓风干 泪痕残
欲笺心事 独语阑干
难 难 难

红影 发表于 2022-4-25 19:03

做做好看，歌曲好听。欣赏队长好帖{:4_187:}

马黑黑 发表于 2022-4-25 19:05

童丽的歌不错的说

加林森 发表于 2022-4-25 20:27

红影 发表于 2022-4-25 19:03
做做好看，歌曲好听。欣赏队长好帖

谢谢红影鼓励！{:4_204:}

加林森 发表于 2022-4-25 20:27

马黑黑 发表于 2022-4-25 19:05
童丽的歌不错的说

是的是的。{:4_190:}

梦油 发表于 2022-4-25 20:37

加林森朋友晚上好！谢谢加林森朋友向我们提供了一件别开生面、催人泪下的好作品。

加林森 发表于 2022-4-25 21:00

梦油 发表于 2022-4-25 20:37
加林森朋友晚上好！谢谢加林森朋友向我们提供了一件别开生面、催人泪下的好作品。

梦油晚上好。我今天听见这首歌曲很好听，就制作了一个出来，给大家分享。

梦油 发表于 2022-4-25 21:13

加林森 发表于 2022-4-25 21:00
梦油晚上好。我今天听见这首歌曲很好听，就制作了一个出来，给大家分享。

图好，歌曲也好。

加林森 发表于 2022-4-25 21:29

梦油 发表于 2022-4-25 21:13
图好，歌曲也好。

图片是我听音乐后去找的。开来还不错的。

梦油 发表于 2022-4-26 10:25

加林森 发表于 2022-4-25 21:29
图片是我听音乐后去找的。开来还不错的。

真不错，真不错！{:4_199:}

加林森 发表于 2022-4-26 10:26

梦油 发表于 2022-4-26 10:25
真不错，真不错！

嗯嗯。喝茶：{:4_180:}
页: [1]
查看完整版本: 《钗头凤_C96kbps》 - 童丽