加林森 发表于 2022-4-24 19:19

《梦中的姑娘》- 亚洲爱乐乐团/刘麟/三萨尔 TO：马黑黑



   <style>
        .papa { left: -100px; width: 900px; height: 600px; 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/62652f92239250f7c5ae0fff.png" alt="" />
        <img style="top: 0; right: 0; width: 900px; transform:mix-blend-mode: multiply;" src="https://pic.imgdb.cn/item/6265306f239250f7c5b096fb.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 = "https://music.163.com/song/media/outer/url?id=5257658.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-24 19:20

@马黑黑

红芍药 发表于 2022-4-24 19:25

漂亮，曲子也好听，队长图选得好。{:4_199:}{:4_199:}

加林森 发表于 2022-4-24 19:26

红芍药 发表于 2022-4-24 19:25
漂亮，曲子也好听，队长图选得好。

谢谢芍药啦。你也喜欢啊，那就先听着玩。{:4_190:}

红芍药 发表于 2022-4-24 19:28

加林森 发表于 2022-4-24 19:26
谢谢芍药啦。你也喜欢啊，那就先听着玩。

嗯，一起听。。{:4_187:}

大猫咪 发表于 2022-4-24 19:35

队长好制作   好听又好看{:4_187:}老黑快来收梦中的姑娘{:5_117:}{:4_187:}{:4_190:}

马黑黑 发表于 2022-4-24 20:03

队长梦中的菇凉是酱紫呀{:4_170:}

赞个

加林森 发表于 2022-4-24 20:48

红芍药 发表于 2022-4-24 19:28
嗯，一起听。。

嗯嗯

加林森 发表于 2022-4-24 20:49

大猫咪 发表于 2022-4-24 19:35
队长好制作   好听又好看    老黑快来收梦中的姑娘

猫猫晚上好。今晚又上来玩啦。{:4_204:}{:4_190:}

加林森 发表于 2022-4-24 20:50

马黑黑 发表于 2022-4-24 20:03
队长梦中的菇凉是酱紫呀

赞个

送给你的哦。还是马头琴整出来的，好听吧。{:4_189:}

大猫咪 发表于 2022-4-24 20:51

加林森 发表于 2022-4-24 20:49
猫猫晚上好。今晚又上来玩啦。

嗯队长玩一会就下了， 明天回去准备考试{:4_190:}

马黑黑 发表于 2022-4-24 20:54

加林森 发表于 2022-4-24 20:50
送给你的哦。还是马头琴整出来的，好听吧。

不错的。谢谢

加林森 发表于 2022-4-24 20:57

马黑黑 发表于 2022-4-24 20:54
不错的。谢谢

不客气的。

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

大猫咪 发表于 2022-4-24 20:51
嗯队长玩一会就下了， 明天回去准备考试

嗯嗯，听听音乐挺好的。

红影 发表于 2022-4-24 21:03

这个做得漂亮，给队长点赞。黑黑收礼开心{:4_187:}

加林森 发表于 2022-4-24 21:04

红影 发表于 2022-4-24 21:03
这个做得漂亮，给队长点赞。黑黑收礼开心

谢谢红影！{:4_171:}{:4_190:}

红影 发表于 2022-4-25 22:37

加林森 发表于 2022-4-24 21:04
谢谢红影！

这个歌曲名有意思{:4_173:}

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

红影 发表于 2022-4-25 22:37
这个歌曲名有意思

是啊，是内蒙古的音乐，马头琴的。

红影 发表于 2022-4-26 21:35

加林森 发表于 2022-4-25 23:21
是啊，是内蒙古的音乐，马头琴的。

嗯嗯，很好听的{:4_187:}

加林森 发表于 2022-4-26 21:38

红影 发表于 2022-4-26 21:35
嗯嗯，很好听的

是的是的。
页: [1]
查看完整版本: 《梦中的姑娘》- 亚洲爱乐乐团/刘麟/三萨尔 TO：马黑黑