论坛 › 欢乐水吧 › 沂蒙颂-问候小辣椒

马黑黑 发表于 2022-5-4 08:29

沂蒙颂-问候小辣椒

<style>
.outer { left: -214px; width: 1024px; height: 700px; background: linear-gradient(45deg, red, green), url('https://638183.freep.cn/638183/t22/51/yimeng.png') no-repeat center/cover; background-blend-mode: overlay, normal; filter: drop-shadow(0 0 10px gray); opacity: .95; position: relative; }
.outer h2 { margin: 0; position: absolute; left: 80%; top: 10px; font: bold 2em sans-serif; color: teal; text-shadow: 1px 1px 2px #222; }
.spic { position: absolute; width: 600px; height: 600px; top: 100px; mix-blend-mode: multiply; }
.r-small { position: absolute; width: 100px; height: 100px; border-radius: 50%; top: calc(100% - 120px); left: calc(100% - 120px); cursor: pointer; text-align: center; animation: rot 6s linear infinite; }
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div class="outer">
        <h2>柳琴·沂蒙颂</h2>
        <img class="spic" src="https://638183.freep.cn/638183/t22/51/liuqin.jpg" alt="" />
        <div class="outer r-small"></div>
</div>

<script>
let flag = true;
let ele = document.querySelector('.r-small');
let au = document.createElement('audio');
au.src = 'http://www.kumeiwp.com/sub/filestores/2022/02/13/f426205cd172ff4b290af9db73cd077c.mp3';
au.loop = true;
au.autoplay = flag;
au.style.display = 'none';
ele.appendChild(au);
if(!flag) ele.style.animationPlayState = 'paused';
ele.onclick = function() { flag ? (au.pause(), this.style.animationPlayState = 'paused', flag = false) : (au.play(), this.style.animationPlayState = 'running', flag = true); }
</script>

加林森 发表于 2022-5-4 08:45

老黑这个礼物好特别，真漂亮！{:4_199:}

马黑黑 发表于 2022-5-4 10:10

加林森 发表于 2022-5-4 08:45
老黑这个礼物好特别，真漂亮！

还行的吧

加林森 发表于 2022-5-4 10:32

马黑黑 发表于 2022-5-4 10:10
还行的吧

挺好的。

马黑黑 发表于 2022-5-4 11:03

加林森 发表于 2022-5-4 10:32
挺好的。

嗯嗯，还算过得去

红影 发表于 2022-5-4 11:15

原来这个琴是柳琴，还好看了一眼标题，否则直接当琵琶了{:4_173:}

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

马黑黑 发表于 2022-5-4 11:03
嗯嗯，还算过得去

那是相当的好。

加林森 发表于 2022-5-4 11:20

让我们共同祝愿小辣椒早日康复，快快回来玩！{:4_204:}

红影 发表于 2022-5-4 11:22

不知道小辣椒回复得怎样了，好久没见她了。共同祝愿她早日康复{:4_187:}

红影 发表于 2022-5-4 11:22

去看了一下代码，那个r-small不用再给地址啊，直接能把大图缩小啊。

小辣椒 发表于 2022-5-4 12:20

谢谢黒黑，好感动，太漂亮的礼物了。

大猫咪 发表于 2022-5-4 12:24

小辣椒 发表于 2022-5-4 12:20
谢谢黒黑，好感动，太漂亮的礼物了。

老黑制作真棒！
很用心的礼物，辣椒收礼开心！
辣椒来了 {:4_187:} 开心， 好久不见！真想念{:4_204:} 好好调养身体，早日康复，祝福！ {:4_204:}

加林森 发表于 2022-5-4 12:27

小辣椒 发表于 2022-5-4 12:20
谢谢黒黑，好感动，太漂亮的礼物了。

小辣椒上来了。收礼开心！祝愿你早日康复，快快回来玩！{:4_171:}{:4_204:}

小辣椒 发表于 2022-5-4 12:34

我哭，回了一大篇的字，突然发送出来没有了

反正意思是感谢黒黑的问候，小辣椒身体好起来会马上跟黒黑学习的。。

小辣椒 发表于 2022-5-4 12:36

加林森 发表于 2022-5-4 08:45
老黑这个礼物好特别，真漂亮！

谢谢队长，有你的关心小辣椒心里好温暖

小辣椒 发表于 2022-5-4 12:37

大猫咪 发表于 2022-5-4 12:24
老黑制作真棒！
很用心的礼物，辣椒收礼开心！
辣椒来了开心， 好久不见！真想念{:4_204: ...

猫猫好，谢谢了

加林森 发表于 2022-5-4 12:39

小辣椒 发表于 2022-5-4 12:36
谢谢队长，有你的关心小辣椒心里好温暖

嗯嗯，应该的。你快去休息吧。多保重！{:4_171:}{:4_204:}{:4_179:}

小辣椒 发表于 2022-5-4 12:40

加林森 发表于 2022-5-4 12:27
小辣椒上来了。收礼开心！祝愿你早日康复，快快回来玩！

今天刚打开手机，看见队长的留言，谢谢队长，感谢队长一直以来对小辣椒的关心。

大猫咪 发表于 2022-5-4 12:42

小辣椒 发表于 2022-5-4 12:37
猫猫好，谢谢了

{:4_179:} 辣椒，愿幸福健康伴你左右，开心每一天！ {:4_204:}{:4_190:}

小辣椒 发表于 2022-5-4 12:42

红影 发表于 2022-5-4 11:22
不知道小辣椒回复得怎样了，好久没见她了。共同祝愿她早日康复

谢谢，我好多了

查看完整版本: 沂蒙颂-问候小辣椒