加林森 发表于 2022-5-7 14:38

《所念皆星河》-- CMJ TO：马黑黑

本帖最后由 加林森 于 2022-5-7 15:15 编辑 <br /><br /><style>
        .bgBox { left: -242px; width: 1080px; height: 606px; background: rgba(0,0,0,.15) url('https://pic.imgdb.cn/item/62760f9b09475431296cd219.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/62760f9b09475431296cd219.jpg" alt="" />
        <img class="s-img" src="https://pic.imgdb.cn/item/62761c0a0947543129962736.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 = 'https://www.joy127.com/url/90231.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 14:40

《所念皆星河》是CMJ制作的一首纯音乐，收录在专辑《所念皆星河》中。音乐里的钢琴、吉他、鼓、贝斯、弦乐和后期皆由CMJ一人完成。

加林森 发表于 2022-5-7 15:03

@马黑黑

马黑黑 发表于 2022-5-7 18:07

很给力

加林森 发表于 2022-5-7 18:26

马黑黑 发表于 2022-5-7 18:07
很给力

不怪我把你放上太空去了吧。

红影 发表于 2022-5-7 18:32

构思很不错，欣赏队长好帖，黑黑收礼开心。{:4_204:}

红影 发表于 2022-5-7 18:33

不过，左下角再弄个缩略图有点怪的，像多了一块补丁{:4_173:}

加林森 发表于 2022-5-7 18:35

红影 发表于 2022-5-7 18:32
构思很不错，欣赏队长好帖，黑黑收礼开心。

谢谢红影支持！{:4_204:}

加林森 发表于 2022-5-7 18:36

红影 发表于 2022-5-7 18:33
不过，左下角再弄个缩略图有点怪的，像多了一块补丁

自动跑进来的。还是透明的。

马黑黑 发表于 2022-5-7 18:47

加林森 发表于 2022-5-7 18:26
不怪我把你放上太空去了吧。

我本来放哪里都行的

加林森 发表于 2022-5-7 19:07

马黑黑 发表于 2022-5-7 18:47
我本来放哪里都行的

要得要得

马黑黑 发表于 2022-5-7 20:25

加林森 发表于 2022-5-7 19:07
要得要得

当然的额

加林森 发表于 2022-5-7 21:07

马黑黑 发表于 2022-5-7 20:25
当然的额

很好很好

红影 发表于 2022-5-8 10:56

加林森 发表于 2022-5-7 18:36
自动跑进来的。还是透明的。

不是自动跑的，有语句的{:4_173:}

加林森 发表于 2022-5-8 11:44

红影 发表于 2022-5-8 10:56
不是自动跑的，有语句的

是的，老黑的代码真厉害。

红影 发表于 2022-5-9 12:49

加林森 发表于 2022-5-8 11:44
是的，老黑的代码真厉害。

他那个帖子是在左下又放了一遍树，你是把底图缩小放左下了。

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

红影 发表于 2022-5-9 12:49
他那个帖子是在左下又放了一遍树，你是把底图缩小放左下了。

是的。
页: [1]
查看完整版本: 《所念皆星河》-- CMJ TO：马黑黑