小辣椒 发表于 2022-6-2 18:24

祝论坛的朋友们端午节安康！（学习黑黑的圆变色按钮）

<style>

.outer { left: -330px; width: 1200px; height: 750px;top: 150px;box-shadow: 2px 2px 4px #333; background: teal url('https://pic.imgdb.cn/item/62988e6e09475431293d0ee1.jpg') no-repeat; position: relative; }
.ele1 { position: absolute; left: 100px; top: 80px; width: 80px; height: 80px; border-radius: 50%;background: #ccc 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://music.163.com/song/media/outer/url?id=1349004810.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>
<br><br><br><br><br><br><br><br><br><br>

小辣椒 发表于 2022-6-2 18:27

今天大家都吃粽子没有？

小九 发表于 2022-6-2 18:49

祝小辣椒端午安康！{:4_187:}

加林森 发表于 2022-6-2 19:16

小辣椒晚上好。制作得真漂亮，大赞！{:4_199:}

东篱闲人 发表于 2022-6-2 19:31

小辣椒 发表于 2022-6-2 18:27
今天大家都吃粽子没有？

没有，不好吃。。。{:5_117:}

醉美水芙蓉 发表于 2022-6-2 19:43

马黑黑 发表于 2022-6-2 20:08

好精美！粽子叶长的和俺家的一样

红影 发表于 2022-6-2 20:48

亲爱的帖子真漂亮，那些文字还是草叶组成的呢，是艾草吧。借亲爱的帖子同祝大家端午快乐{:4_187:}

小辣椒 发表于 2022-6-2 22:33

小九 发表于 2022-6-2 18:49
祝小辣椒端午安康！

小九，同样的祝福送给你{:4_179:}

小辣椒 发表于 2022-6-2 22:33

加林森 发表于 2022-6-2 19:16
小辣椒晚上好。制作得真漂亮，大赞！

谢谢队长的赞{:4_179:}

小辣椒 发表于 2022-6-2 22:34

东篱闲人 发表于 2022-6-2 19:31
没有，不好吃。。。

老头吃个半个肉粽够了{:4_173:}

小辣椒 发表于 2022-6-2 22:34

醉美水芙蓉 发表于 2022-6-2 19:43
辣椒美女晚上好！制作漂亮，端午安康！

谢谢水芙蓉欣赏，同样的祝福送给你{:4_171:}

小辣椒 发表于 2022-6-2 22:35

马黑黑 发表于 2022-6-2 20:08
好精美！粽子叶长的和俺家的一样

黑黑家里自己包粽子？

小辣椒 发表于 2022-6-2 22:37

红影 发表于 2022-6-2 20:48
亲爱的帖子真漂亮，那些文字还是草叶组成的呢，是艾草吧。借亲爱的帖子同祝大家端午快乐

亲爱的，网络图片，下面老奶奶包粽子我自己加进去的。直接套用黑黑的，所以就速度了{:4_173:}

马黑黑 发表于 2022-6-2 23:00

小辣椒 发表于 2022-6-2 22:35
黑黑家里自己包粽子？

俺既当爹又当妈

小辣椒 发表于 2022-6-2 23:06

马黑黑 发表于 2022-6-2 23:00
俺既当爹又当妈

咋这么能干，太全能了{:4_189:}

加林森 发表于 2022-6-2 23:08

小辣椒 发表于 2022-6-2 22:33
谢谢队长的赞

不客气啊。{:4_179:}

马黑黑 发表于 2022-6-3 07:46

小辣椒 发表于 2022-6-2 23:06
咋这么能干，太全能了

孩子多，被迫的

小辣椒 发表于 2022-6-3 11:57

马黑黑 发表于 2022-6-3 07:46
孩子多，被迫的

怎么可能孩子多{:4_203:}

红影 发表于 2022-6-3 21:09

小辣椒 发表于 2022-6-2 22:37
亲爱的，网络图片，下面老奶奶包粽子我自己加进去的。直接套用黑黑的，所以就速度了

做的很漂亮，非常有节日气氛。亲爱的真棒{:4_187:}
页: [1] 2
查看完整版本: 祝论坛的朋友们端午节安康！（学习黑黑的圆变色按钮）