加林森 发表于 2022-5-8 16:29

《人生何处不相逢(古筝版)》-- 张桐语

本帖最后由 加林森 于 2022-5-8 16:33 编辑 <br /><br /><style>
        .bgBox { left: -242px; width: 1080px; height: 606px; background: rgba(0,0,0,.15) url('https://pic.imgdb.cn/item/62777a7e094754312913860a.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/62777a7e094754312913860a.jpg" alt="" />
        <img class="s-img" src="https://pic.imgdb.cn/item/62778019094754312926da8a.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/2ad14b06aa3094c2f5cd9ca52813ab2a.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-8 19:58

队长最近几个都是一样的格式呢{:4_204:}

梦油 发表于 2022-5-8 20:11

加林森朋友晚上好！这个图真漂亮，古筝演奏娴熟，很好听。

加林森 发表于 2022-5-8 20:29

红影 发表于 2022-5-8 19:58
队长最近几个都是一样的格式呢

这个制作很方便的，两张图片就搞定了。明天再制作另外风格的。

加林森 发表于 2022-5-8 20:29

梦油 发表于 2022-5-8 20:11
加林森朋友晚上好！这个图真漂亮，古筝演奏娴熟，很好听。

是啊，好听吧。

马黑黑 发表于 2022-5-8 21:03

好作品

加林森 发表于 2022-5-8 21:03

马黑黑 发表于 2022-5-8 21:03
好作品

谢谢老黑支持！{:4_190:}

梦油 发表于 2022-5-8 21:08

加林森 发表于 2022-5-8 20:29
是啊，好听吧。

好听，好听。

加林森 发表于 2022-5-8 21:14

梦油 发表于 2022-5-8 21:08
好听，好听。

嗯嗯，好听多听听。

梦油 发表于 2022-5-9 10:15

加林森 发表于 2022-5-8 21:14
嗯嗯，好听多听听。

是的，加林森朋友。碰到我喜欢的乐曲，我总是“百听不厌”。

加林森 发表于 2022-5-9 11:47

梦油 发表于 2022-5-9 10:15
是的，加林森朋友。碰到我喜欢的乐曲，我总是“百听不厌”。

很好的习惯。

梦油 发表于 2022-5-9 13:22

加林森 发表于 2022-5-9 11:47
很好的习惯。

希望从加林森朋友这里听到我更多喜欢的歌曲。

加林森 发表于 2022-5-9 13:31

梦油 发表于 2022-5-9 13:22
希望从加林森朋友这里听到我更多喜欢的歌曲。

好的好的

梦油 发表于 2022-5-9 14:04

加林森 发表于 2022-5-9 13:31
好的好的

期待着

红影 发表于 2022-5-9 14:24

加林森 发表于 2022-5-8 20:29
这个制作很方便的，两张图片就搞定了。明天再制作另外风格的。

这个倒是的确很方便呢{:4_173:}

加林森 发表于 2022-5-9 17:52

红影 发表于 2022-5-9 14:24
这个倒是的确很方便呢

就是，只要效果好就行了。{:4_189:}

加林森 发表于 2022-5-9 17:52

梦油 发表于 2022-5-9 14:04
期待着

嗯嗯。

醉美水芙蓉 发表于 2022-5-9 17:58

加林森 发表于 2022-5-9 18:14

醉美水芙蓉 发表于 2022-5-9 17:58
非常好听的曲子！谢谢版主分享！

嗯嗯，老曲子了。谢谢水芙蓉。{:4_204:}

红影 发表于 2022-5-9 23:37

加林森 发表于 2022-5-9 17:52
就是，只要效果好就行了。

嗯嗯，很多效果的确好{:4_204:}
页: [1] 2
查看完整版本: 《人生何处不相逢(古筝版)》-- 张桐语