加林森 发表于 2022-4-9 12:12

本帖最后由 加林森 于 2022-6-5 09:15 编辑 <br /><br />马黑黑 发表于 2022-4-9 12:11
不客气
嗯嗯。请喝：{:4_190:}

<style>

.outer { left: -214px; width: 1024px; height: 613px; box-shadow: 2px 2px 4px #333; background: teal url('https://pic.imgdb.cn/item/629c0345094754312940bbfb.jpg') no-repeat; position: relative; }
.ele1 { position: absolute; left: 860px; top: 60px; width: 100px; height: 100px; border-radius: 50%;background: #ff8c31 linear-gradient(transparent 49%,rgba(255,0,0,.65) 50%,transparent 0) no-repeat; background-size: 0% 100%; box-shadow: 5px 5px 30px 0 gray; cursor:pointer; }
.ele1::before, .ele1::after { position: absolute; content: ''; width: inherit; height: inherit; border-radius: inherit; }
.ele1::before { background: linear-gradient(transparent,rgba(0,0,0,0)); animation: flash 1s linear infinite; }
.ele1::after { background: radial-gradient(circle at 30% 30%,transparent,rgba(0,255,0,.25)); }
@keyframes flash { to { background: linear-gradient(transparent,rgba(0,0,0,.6)); } }

</style>

<div class="outer">
        <div class="ele1"></div>
</div>
<audio id="aud" src="https://www.joy127.com/url/90665.mp3" autoplay="autoplay" loop="loop"></audio>

<script>

let ele1 = document.querySelector('.ele1'), aud = document.querySelector('#aud');
ele1.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate',() => ele1.style.backgroundSize = 100 * aud.currentTime / aud.duration + '% 100%');

</script>

红影 发表于 2022-4-9 19:13

加林森 发表于 2022-4-9 12:01
现在修改了，昨晚太晚了，没有太注意。

队长辛苦，做帖做到那么晚{:4_187:}

加林森 发表于 2022-4-9 19:14

红影 发表于 2022-4-9 19:13
队长辛苦，做帖做到那么晚

好不容易发现这首歌曲的，就想赶紧制作出来。

大猫咪 发表于 2022-4-9 22:00

队长这制作真棒！好听好看，《人间有爱》   满满的正能量，赞~~~~~

{:4_204:}{:4_199:}

樵歌 发表于 2022-4-10 09:58

加林森 发表于 2022-4-9 12:03
嗯嗯，樵歌中午好！

问好，你那小区没事儿吧。

加林森 发表于 2022-4-10 11:11

樵歌 发表于 2022-4-10 09:58
问好，你那小区没事儿吧。

樵歌上午好。我在青羊区，在市中心，没事的。谢谢关心！{:4_190:}

加林森 发表于 2022-4-10 11:12

大猫咪 发表于 2022-4-9 22:00
队长这制作真棒！好听好看，《人间有爱》   满满的正能量，赞~~~~~

谢谢猫猫支持！{:4_204:}{:4_190:}

红影 发表于 2022-4-10 14:28

加林森 发表于 2022-4-9 19:14
好不容易发现这首歌曲的，就想赶紧制作出来。

是啊，很正能量的歌曲{:4_187:}

加林森 发表于 2022-4-10 17:05

红影 发表于 2022-4-10 14:28
是啊，很正能量的歌曲

就是就是。

樵歌 发表于 2022-4-11 16:13

加林森 发表于 2022-4-10 11:11
樵歌上午好。我在青羊区，在市中心，没事的。谢谢关心！

不错不错，希望一直保持没有哈。

加林森 发表于 2022-4-11 16:14

樵歌 发表于 2022-4-11 16:13
不错不错，希望一直保持没有哈。

嗯嗯，谢谢关心！{:4_190:}

樵歌 发表于 2022-4-12 07:52

加林森 发表于 2022-4-11 16:14
嗯嗯，谢谢关心！

一直平安 下去。

加林森 发表于 2022-4-12 09:50

樵歌 发表于 2022-4-12 07:52
一直平安 下去。

这样是最好的。

小九 发表于 2022-4-13 09:23

加林森 发表于 2022-4-9 12:05
这个是代码：




谢谢队长，收到代码，有时间再来试试{:4_187:}

加林森 发表于 2022-4-13 11:29

小九 发表于 2022-4-13 09:23
谢谢队长，收到代码，有时间再来试试

不客气
页: 1 [2]
查看完整版本: 抗疫歌曲《人间有爱》-- 张尧（根据老黑的教程制作）