《远方的牵挂》-- 群星
<style>
.bgBox { left: -242px; width: 1080px; height: 606px; background: rgba(0,0,0,.15) url('https://pic.imgdb.cn/item/6275faf309475431292ad381.jpg') no-repeat center/cover; overflow: hidden; position: relative; }
.b-img { position: absolute; width: 350px; bottom: 0; mix-blend-mode: multiply; }
.s-img { position: absolute; width: 200px; left: calc(100% - 210px); top:5px; border-radius: 50%; opacity: .4; }
.s-bg { position: absolute; width: 80px; height: 80px; border-radius: 50%; left: 10px; top: calc(100% - 90px); filter: drop-shadow(0 0 50px rgba(0,0,0,.9)); cursor: pointer; animation: rot 4s linear infinite; }
@keyframes rot { to { transform: rotate(1turn); } }
</style>
<div class="bgBox">
<img class="b-img" src="https://pic.imgdb.cn/item/6275faf309475431292ad381.jpg" alt="" />
<img class="s-img" src="https://pic.imgdb.cn/item/6275fa6b094754312928c8c2.jpg" alt="" />
<div class="bgBox s-bg"></div>
</div>
<script>
let flag = true;
let sbg = document.querySelector('.s-bg');
let au = document.createElement('audio');
//Venice Beach
au.src = 'http://www.kumeiwp.com/sub/filestores/2022/05/06/5e8d8843fa61a2130c5442e117b33fd1.mp3';
au.autoplay = flag;
au.loop = true;
au.style.display = 'none';
sbg.appendChild(au);
if(!flag) sbg.style.animationPlayState = 'paused';
sbg.onclick = function(){
flag ? (au.pause(),this.style.animationPlayState='paused',flag=false) : (au.play(),this.style.animationPlayState='running',flag=true);
}
</script>
本帖最后由 加林森 于 2022-5-7 13:14 编辑
没有歌词{:5_102:} 队长制作好漂亮 {:4_187:}歌美图靓,真棒, 中午好{:4_204:}{:4_179:} 大猫咪 发表于 2022-5-7 13:12
队长制作好漂亮 歌美图靓,真棒, 中午好
猫猫中午好!{:4_204:}{:4_179:} 加林森 发表于 2022-5-7 13:15
猫猫中午好!
队长好 制作真棒!{:4_187:}{:4_179:} 大猫咪 发表于 2022-5-7 13:18
队长好 制作真棒!
猫猫好,这首歌曲比较好。{:4_179:} 加林森 发表于 2022-5-7 13:31
猫猫好,这首歌曲比较好。
嗯嗯 非常喜欢 队长好分享{:4_204:}{:4_179:} 大猫咪 发表于 2022-5-7 13:32
嗯嗯 非常喜欢 队长好分享
很好,我也喜欢的。{:4_179:} 漂亮。队长的第二张贴图看不出是什么了呢{:4_173:} 本帖最后由 加林森 于 2022-5-7 14:12 编辑
红影 发表于 2022-5-7 14:05
漂亮。队长的第二张贴图看不出是什么了呢
红影中午好。另外一张是一个老人在升炉子。
https://pic.imgdb.cn/item/6275fa6b094754312928c8c2.jpg
队长好作品 马黑黑 发表于 2022-5-7 20:30
队长好作品
谢谢老黑!{:4_190:} 加林森 发表于 2022-5-7 21:02
谢谢老黑!
{:4_180:} 马黑黑 发表于 2022-5-7 21:03
干杯!{:4_191:} 加林森 发表于 2022-5-7 14:10
红影中午好。另外一张是一个老人在升炉子。
奇怪,这张看不出来了呢。 红影 发表于 2022-5-8 10:24
奇怪,这张看不出来了呢。
太浅了吧 加林森 发表于 2022-5-8 11:45
太浅了吧
应该是透明度的原因。 红影 发表于 2022-5-9 12:51
应该是透明度的原因。
应该是的。当时我还是可以看见一点的。 加林森 发表于 2022-5-9 13:36
应该是的。当时我还是可以看见一点的。
其实没有那一块更好。 红影 发表于 2022-5-9 23:24
其实没有那一块更好。
应该是被花挡住了。
页:
[1]
2