论坛 › 欢乐水吧 › 祝亲们元宵节快乐！

小辣椒 发表于 2024-2-24 15:36

祝亲们元宵节快乐！

<style>
#mydiv { margin:150px 0 0 calc(50% - 781px); width: 1400px; height: 750px; background: url('https://pic.imgdb.cn/item/63de7c6b4757feff33c4a12d.gif') no-repeat center/cover; border: thick inset OrangeRed; overflow: hidden; z-index: 1; pointer-events: none; position: relative; }
#mydiv::before { position: absolute; content: ''; inset: 0; transform-origin: 780px 190px; background: var(--bg); transform: scale(1) rotate(0); filter: brightness(.8); animation: flash 2s linear infinite alternate var(--state); }
#mydiv::after { position: absolute; content: ''; left: calc(80% - 100px); top: 100px; width: 140px; height: 140px; background: url('https://638183.freep.cn/638183/small/7s.png') no-repeat center/cover; filter: opacity(.7) blur(.5px); pointer-events: auto; cursor: pointer; animation: rot 5s linear infinite var(--state); }

@keyframes flash { to { transform: scale(2) rotate(10deg); filter: brightness(2); } }
@keyframes rot { to {transform: rotate(1turn); } }

.vid { position: absolute; width: 120%; height: 120p%; object-fit: cover; opacity: .75; clip-path: circle(90% at bottom) ;mix-blend-mode: screen;}

</style>

<div id="mydiv">

<video class="vid"
src="https://img.tukuppt.com/video_show/2475824/00/01/78/5b4a370ecd192.mp" autoplay="autoplay" loop="loop" muted="muted"></video>
        <audio id="aud" src="https://gk37.com/file/up/1708831716.mp3" autoplay loop></audio>
</div>

<script>
var mState = () => mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.addEventListener('playing', mState);
aud.addEventListener('pause', mState);
mydiv.onclick = () => aud.paused ? aud.play() : aud.pause();
(function() {
        var bgstrAr = ['conic-gradient(at 780px 190px'];
        Array.from({length: all=12}).forEach((item,key) => {
                bgstrAr.push([`transparent ${key*360/all}deg,rgba(200,100,100,.1) ${key*360/all + 5}deg,transparent ${key*360/all + 10}deg`]);
        });
        mydiv.style.setProperty('--bg', bgstrAr.join(','));
})();
</script>

小辣椒 发表于 2024-2-24 15:37

祝花潮论坛的朋友们元宵节快乐{:4_177:}{:4_177:}{:4_177:}

小辣椒 发表于 2024-2-24 15:38

晕的，刚上论坛发现今天是元宵节了，家里咳嗽声一片都没有想到元宵节吃汤圆的{:4_198:}

小辣椒 发表于 2024-2-24 15:41

赶紧找了个旧图，加了黑黑的（一切如常）播放器，什么效果都没有改，音乐刚好小风发我一首纯音试听音乐，直接用上了

小辣椒 发表于 2024-2-24 15:43

虽然帖子做的不尽人意，但祝福送上是真诚的，大家记得今天吃汤圆哦，新的一年 团团圆圆 什么事情都圆圆满满，特别财运 或者桃花运也是不错的{:4_170:}@马黑黑

红影 发表于 2024-2-24 15:45

好喜庆的贺帖，欣赏亲爱的好帖。借帖同祝大家元宵节快乐{:4_177:}

红影 发表于 2024-2-24 15:48

小辣椒 发表于 2024-2-24 15:38
晕的，刚上论坛发现今天是元宵节了，家里咳嗽声一片都没有想到元宵节吃汤圆的

呵呵，前几天梦油的猜名字的帖子里就是祝贺元宵节的啊，亲爱的没注意么{:4_196:}

小辣椒 发表于 2024-2-24 15:53

红影 发表于 2024-2-24 15:48
呵呵，前几天梦油的猜名字的帖子里就是祝贺元宵节的啊，亲爱的没注意么

亲爱的，没有想到是今天，最后一天只能做个简单的贺帖了

梦油 发表于 2024-2-24 16:12

这个设计大方、漂亮、富有满满的节日气氛。祝朋友们元宵节快乐
祝小辣椒朋友阖家欢乐幸福安康！

小辣椒 发表于 2024-2-24 16:18

梦油 发表于 2024-2-24 16:12
这个设计大方、漂亮、富有满满的节日气氛。祝朋友们元宵节快乐
祝小辣椒朋友阖家欢乐幸福安康！

谢谢梦油，刚看了你的贺帖，无论文字，图片都是高大上的{:4_199:}

红影 发表于 2024-2-24 16:23

小辣椒 发表于 2024-2-24 15:53
亲爱的，没有想到是今天，最后一天只能做个简单的贺帖了

这个很漂亮呢，特别喜庆{:4_177:}

梦油 发表于 2024-2-24 16:55

小辣椒 发表于 2024-2-24 16:18
谢谢梦油，刚看了你的贺帖，无论文字，图片都是高大上的

你的鼓励给了我信心，谢谢你，小辣椒朋友。{:5_108:}

樵歌 发表于 2024-2-24 17:33

喜庆热烈又有元宵吃，小辣椒真好{:4_185:}樵哥哥就不客气了{:4_174:}

樵歌 发表于 2024-2-24 17:37

小辣椒 发表于 2024-2-24 15:38
晕的，刚上论坛发现今天是元宵节了，家里咳嗽声一片都没有想到元宵节吃汤圆的

今年早春气候象过山车，我也感冒了，只是头晕着，就不陪你们客了{:4_170:}

醉美水芙蓉 发表于 2024-2-24 17:53

醉美水芙蓉 发表于 2024-2-24 17:53

老谟深虑 发表于 2024-2-24 18:25

          谢谢老师的祝福，祝老师元宵节快乐！

上海朝阳 发表于 2024-2-24 18:27

小辣椒 发表于 2024-2-24 15:37
祝花潮论坛的朋友们元宵节快乐

小辣椒元宵节快乐！

南无月 发表于 2024-2-24 18:40

好漂亮喜庆热闹的元宵图片，看着就欢喜起来啦。{:4_187:}借小辣椒美贴，祝大家元宵节快乐。。

亦是金 发表于 2024-2-24 20:07

好帖好帖喜庆！祝元宵节快乐！{:4_187:}

查看完整版本: 祝亲们元宵节快乐！