《青藤色仲夏》 -- 逆时针向（纯音乐）TO：东篱闲人
<style>
.bgDiv { margin: auto; width: 1200px; height: 806px; left: -302px; position: relative; }
.bgDiv img { position: absolute; width: 100%; height: 100%;}
.bgDiv img:nth-child(2) {mix-blend-mode: multiply; opacity: .3; }
.bgDiv p { position: absolute; left: 80px; mix-blend-mode: exclusion; color: white; font: 900 2.5em / 1em Sans-serif; text-align: center; text-shadow: 2px 2px 4px #333; }
.circle {
width: 100px; height: 100px;
background: conic-gradient(#9ED110, #50B517, #179067, #476EAF, #9f49ac, #CC42A2, #FF3BA7, #FF5800, #FF8100, #FEAC00, #FFCC00, #EDE604);
border-radius: 50%; cursor: pointer; top: 50%; left: 50%;
position: absolute;
mask: radial-gradient(transparent 40px, #000 40px);
-webkit-mask: radial-gradient(transparent 40px, #000 40px);
animation: roll 4s linear infinite;
}
@keyframes roll { to {transform: rotate(360deg); } }
</style>
<div class="bgDiv">
<img src="https://pic.imgdb.cn/item/62558077239250f7c5ebc705.jpg" alt="" />
<img src="https://pic.imgdb.cn/item/625582e6239250f7c5efc99c.jpg" alt="" />
<div class="circle"></div>
<br><br> <p>青藤色仲夏 -逆时针向</p>
</div>
<script>
let au = document.createElement("audio");
au.src = "https://music.163.com/song/media/outer/url?id=1866180834.mp3";
au.autoplay = true;
document.querySelector(".bgDiv").appendChild(au);
document.querySelector(".circle").onclick = function() {
au.paused ? (au.play(), this.style.animationPlayState = 'running') : (au.pause(), this.style.animationPlayState = 'paused');
}
</script>
@东篱闲人 送你玩玩。 https://pic.imgdb.cn/item/62558524239250f7c5f3b22a.jpg
这个是备用的。看老兄喜欢哪张图片。
这个背景文字正好落在纯色上，滤镜看不出来了呢。
看队长做了2个，发觉背景图选择还是挺重要的呢。队长又做了逆时针的转动呢，厉害{:4_187:} 东篱大哥收礼开心{:4_187:} 红影 发表于 2022-4-12 23:09
这个背景文字正好落在纯色上，滤镜看不出来了呢。
看队长做了2个，发觉背景图选择还是挺重要的呢。队长又 ...
跟老学习的啊。谢谢红影支持啊！{:4_204:} 红影 发表于 2022-4-12 23:09
这个背景文字正好落在纯色上，滤镜看不出来了呢。
看队长做了2个，发觉背景图选择还是挺重要的呢。队长又 ...
谢谢红影支持！影谢谢啦！{:4_204:} 夏的夜色浓郁，队长做得真好{:4_190:} 加林森 发表于 2022-4-12 21:51
@东篱闲人 送你玩玩。
开始玩圈啦？{:4_189:} 加林森 发表于 2022-4-12 22:01
这个是备用的。看老兄喜欢哪张图片。
俺喜欢加加，所以加加的东西俺都喜欢！{:5_112:} 红影 发表于 2022-4-12 23:09
东篱大哥收礼开心
嗯嗯，开心的不要不要的。。。{:5_117:} 俺好像没听到音乐哈。。。{:5_115:} 光看转圈了。。。{:5_112:} 樵歌 发表于 2022-4-13 07:12
夏的夜色浓郁，队长做得真好
嗯嗯，有点味道了。 东篱闲人 发表于 2022-4-13 09:36
开始玩圈啦？
玩吧，点击就有音乐了。 东篱闲人 发表于 2022-4-13 09:37
俺喜欢加加，所以加加的东西俺都喜欢！
好的好的，喜欢就好。{:4_189:} 东篱闲人 发表于 2022-4-13 09:39
俺好像没听到音乐哈。。。
点击就有了 东篱闲人 发表于 2022-4-13 09:39
光看转圈了。。。
转晕没有。。。。{:4_172:} 加林森 发表于 2022-4-13 11:37
转晕没有。。。。
迷糊。。。{:5_117:} 东篱闲人 发表于 2022-4-13 16:43
迷糊。。。
那就好。。。{:4_189:}