加林森 发表于 2022-1-30 10:30

本帖最后由 加林森 于 2022-5-5 11:22 编辑 <br /><br />樵歌 发表于 2022-1-30 10:28
对你不过八九十来岁而已呗。还是可以般配的。
哈哈,你去配吧。我胆小的。{:4_189:}

<style>
.outer { left: -214px; width: 1024px; height: 680px; background: linear-gradient(45deg, red, green), url('https://pic.imgdb.cn/item/62733bf20947543129e2a535.jpg') 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: 90px; font: bold 2em sans-serif; color: teal; text-shadow: 1px 1px 2px #222; }
.spic { position: absolute; left:480; width: 200px; height: 296px; top: 120px; 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>OneRepublic - Counting Stars</h2>
        <img class="spic" src="https://pic.imgdb.cn/item/627342c20947543129f14458.gif" 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/05/04/ff0d53b70e33eb453f33799daf995c3d.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-1-30 15:31

加林森 发表于 2022-1-30 10:30
哈哈,你去配吧。我胆小的。

好不容易给你介绍一个,你还嫌人家小,真是的。{:4_170:}

加林森 发表于 2022-1-30 16:34

樵歌 发表于 2022-1-30 15:31
好不容易给你介绍一个,你还嫌人家小,真是的。

不干,坚决不干。{:4_186:}

樵歌 发表于 2022-1-31 08:39

加林森 发表于 2022-1-30 16:34
不干,坚决不干。

说说理由嘛,人家长得还是可以的,虽说有点老了,但徐娘半老,风韵犹存呵。{:4_170:}

加林森 发表于 2022-1-31 08:51

樵歌 发表于 2022-1-31 08:39
说说理由嘛,人家长得还是可以的,虽说有点老了,但徐娘半老,风韵犹存呵。

你要你就去嘛。{:4_189:}
页: 1 [2]
查看完整版本: 《大海啊我的故乡》(音乐版) 谭晶 TO: 樵歌