老黑谦虚啊
哪里，是真的 加林森 发表于 2022-3-16 14:41
就是就是，反正没有事情，我就玩玩吧。
学点东西，会让上网更有乐趣{:4_187:} 本帖最后由 加林森 于 2022-5-5 21:19 编辑 <br /><br />马黑黑 发表于 2022-3-16 18:30
哪里，是真的
嗯嗯
<style>
.outer { left: -242px; width: 1080px; height: 551px; background: linear-gradient(45deg, red, green), url('https://pic.imgdb.cn/item/6273c7ca09475431292d2491.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: 10px; font: bold 1.5em 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>想某人(抖音DJ热搜版)</h2>
<img class="spic" src="https://pic.imgdb.cn/item/6235d74f5baa1a80ab9d74a0.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 = 'https://music.163.com/song/media/outer/url?id=2497289571.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-3-16 18:38
学点东西，会让上网更有乐趣
就是啊，有动力了才愿意参与吧。 加林森 发表于 2022-3-16 18:40
就是啊，有动力了才愿意参与吧。
制作帖子可以做出无限种可能性，有些在自己制作前也没想到能有什么样的效果。这些会带给人惊喜。 红影 发表于 2022-3-17 15:30
制作帖子可以做出无限种可能性，有些在自己制作前也没想到能有什么样的效果。这些会带给人惊喜。
就是，所以要先预览一下才知道效果怎么样呢。 加林森 发表于 2022-3-17 16:50
就是，所以要先预览一下才知道效果怎么样呢。
无意中弄出喜欢的效果，自己也会喜欢。 红影 发表于 2022-3-17 18:28
无意中弄出喜欢的效果，自己也会喜欢。
就是就是。
页:
1
[2]