论坛 › 欢乐水吧 › 学习套用黑黑（晚霞粒子效果）

小辣椒 发表于 2024-4-14 17:29

学习套用黑黑（晚霞粒子效果）

<style>
#mydiv { margin: 150px 0 0 calc(50% - 781px); width: 1400px; height: 656px; background: url('https://wj.zp68.com/lxx/yunhua/2024/04/14/54.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px #000; z-index: 1; cursor: crosshair; overflow: hidden; position: relative; }
#play { position: absolute; width: 140px; top: 420px; cursor: pointer; left: 160px; animation: rot 5s linear infinite var(--state); }
@keyframes rot { to { transform: rotate(360deg); } }

</style>

<div id="mydiv"><img id="play" src="https://wj.zp68.com/lxx/yunhua/2024/04/14/746.png" alt="" />

</div>
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2024/04/14/12.mp3" loop autoplay></audio>

<script>
       
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js/line-lz.js';
document.body.appendChild(sF);

var lz = { papa: '#mydiv', total: 90, radius: 0.9, color: 'rgba(147,112,219,.5)' }
var mState = () => { aud.paused ? (mydiv.style.setProperty('--state', 'paused'), vid.pause()) : (mydiv.style.setProperty('--state', 'running'), vid.play()); };
aud.addEventListener('play', () => mState());
aud.addEventListener('pause', () => mState());

</script>

小辣椒 发表于 2024-4-14 17:30

@红影

亲爱的，套用你的加入播放器效果

小辣椒 发表于 2024-4-14 17:31

@马黑黑

黑黑学习套用玩个，这样玩好轻松{:4_170:}

小辣椒 发表于 2024-4-14 17:32

歌词大意已经写入图图里面了{:4_173:}

小辣椒 发表于 2024-4-14 17:37

网络找个图，写几个字，加个音乐，做个小圆播放器 套用代码然后发帖，就这个过程@愤怒的葡萄 学习一下试试

马黑黑 发表于 2024-4-14 17:46

{:4_208:}

南无月 发表于 2024-4-14 18:07

这个还加入了播放器，小辣椒太厉害了。。{:4_187:}

南无月 发表于 2024-4-14 18:08

色彩漂亮梦幻，音乐好听，欣赏小辣椒美贴~~{:4_187:}

亦是金 发表于 2024-4-14 18:41

好听，{:4_208:}好看，{:4_199:}

红影 发表于 2024-4-14 19:11

小辣椒 发表于 2024-4-14 17:30
@红影

亲爱的，套用你的加入播放器效果

这个实际还是丝线控制的，只是能一键控制了而已呢{:4_173:}

红影 发表于 2024-4-14 19:12

亲爱的这个制作漂亮，很赞{:4_199:}

流水光阴 发表于 2024-4-15 16:55

天使下凡

愤怒的葡萄 发表于 2024-4-16 14:43

挺漂亮的。

小辣椒 发表于 2024-4-16 20:35

愤怒的葡萄 发表于 2024-4-16 14:43
挺漂亮的。

葡萄学习做一个

小辣椒 发表于 2024-4-16 20:35

流水光阴 发表于 2024-4-15 16:55
天使下凡

小天使

小辣椒 发表于 2024-4-16 20:35

红影 发表于 2024-4-14 19:12
亲爱的这个制作漂亮，很赞

亲爱的，直接套用玩玩，感觉挺好的，轻松愉快

小辣椒 发表于 2024-4-16 20:36

红影 发表于 2024-4-14 19:11
这个实际还是丝线控制的，只是能一键控制了而已呢

反正我就套用，自己也是不动脑子，你的就是我的{:4_170:}

小辣椒 发表于 2024-4-16 20:37

亦是金 发表于 2024-4-14 18:41
好听，好看，

问好前辈，谢谢欣赏{:4_187:}

小辣椒 发表于 2024-4-16 20:37

南无月 发表于 2024-4-14 18:08
色彩漂亮梦幻，音乐好听，欣赏小辣椒美贴~~

月月晚上好，谢谢欣赏{:4_171:}

小辣椒 发表于 2024-4-16 20:37

南无月 发表于 2024-4-14 18:07
这个还加入了播放器，小辣椒太厉害了。。

是抄红影的代码{:4_189:}

查看完整版本: 学习套用黑黑（晚霞粒子效果）