小辣椒 发表于 2024-4-15 22:47

繁星照不亮的夜空 TO:南无月 (学习套用黑黑凤山舞曲粒子效果)


<style>
    #papa { margin: 150px 0 0 calc(50% - 780px); width: 1395px; height: 800px; background: url('https://wj1.zp68.com:812/lxx/yunhua/2022/05/24/xlaj.gif ') no-repeat center/cover; z-index: 1; position: relative; }
    #play { position: absolute; width: 100px; left: calc(50% - 50px); top: 80%; left: 8%; opacity: .7; cursor: pointer; animation: rot 5s linear infinite var(--state); }
    @keyframes rot { to { transform: rotate(360deg); } }

#dt3{ position: absolute; width: 32px; height: 32px; top: 183px; left: 700px; }
#dt4{ position: absolute; width: 227px; height: 311px; top: 140px; left: 60px; }
#dt5{ position: absolute; width: 32px; height: 32px; top: 75px; left: 925px; }

</style>

<div id="papa">

<img id="dt3" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" />
<img id="dt4" src="https://pic.imgdb.cn/item/661d213568eb935713ffaaf1.png" alt="" />
<img id="dt5" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" />


    <audio id="aud" src="https://wj1.zp68.com:812/lxx/yunhua/2022/05/24/01.mp3" loop autoplay></audio>
    <img id="play" src="https://638183.freep.cn/638183/web/svg/sunfl-2.svg" alt="" />
</div>

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

var lz = {papa: '#papa', total: 30, maxsize: 20, move: false};

var mState = () => {
    lz.move = !aud.paused;
    papa.style.setProperty('--state', ['paused','running'][+lz.move]);
}


play.onclick = () => {
    aud.paused ? aud.play() : aud.pause();
    mState();
}

window.onload = () => mState();

</script>

小辣椒 发表于 2024-4-15 22:49

@南无月
回礼拉{:4_189:}

月月立马套用一个黑黑的粒子效果,回礼了,小辣椒没有你做的图图漂亮,笑纳啊

小辣椒 发表于 2024-4-15 22:50

@马黑黑

黑黑这个套用可以速度完成的,旧图图,旧音乐就做了个标题,感谢黑黑分享教程

小辣椒 发表于 2024-4-15 22:54

@走过岁月

岁月的粒子频谱小辣椒玩了几次的,现在小辣椒做的图已经离不开岁月的东东了{:4_170:}

感谢岁月一路陪伴,一路支持,你的好制作被小辣椒偷光了{:4_172:}

走过岁月 发表于 2024-4-15 23:10

小辣椒 发表于 2024-4-15 22:54
@走过岁月

岁月的粒子频谱小辣椒玩了几次的,现在小辣椒做的图已经离不开岁月的东东了


没事,尽管拿,我的也是你的

小辣椒 发表于 2024-4-15 23:10

走过岁月 发表于 2024-4-15 23:10
没事,尽管拿,我的也是你的

哈哈,好的,我就晓得岁月没有意见的{:4_170:}

走过岁月 发表于 2024-4-15 23:15

画面很丰富,远去的汽车

走过岁月 发表于 2024-4-15 23:15

给小辣椒点赞

马黑黑 发表于 2024-4-15 23:25

{:4_199:}

上海朝阳 发表于 2024-4-16 08:44

唷,学的真快,动态感很强

梦油 发表于 2024-4-16 09:16

美丽的星空太美啦!

愤怒的葡萄 发表于 2024-4-16 13:51

现在上海晚上天空很难看见星星了,雾霾很严重的。

红影 发表于 2024-4-16 15:41

亲爱的制作真漂亮,车子开过来,开车门,放粒子{:4_173:}

红影 发表于 2024-4-16 15:41

好美的夜空,这么多漂亮的动态效果。欣赏亲爱的好帖。月儿收礼开心{:4_199:}

南无月 发表于 2024-4-16 17:46

小辣椒 发表于 2024-4-15 22:49
@南无月
回礼拉



小辣椒你的贴子是真的漂亮,人物也是动态的呀,衣服还飘呀飘。。。
边上的栏杆设计真是绝了。。。像音符,高低起伏。。
{:4_187:}

南无月 发表于 2024-4-16 17:47

这个是最新的粒子效果,换了小播形状。。在这繁星点点的夜空里,粒子更漂亮了。。{:4_199:}

南无月 发表于 2024-4-16 17:47

小辣椒的作品十分大气,又清爽,欣赏学习中。。。{:4_187:}

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

走过岁月 发表于 2024-4-15 23:15
画面很丰富,远去的汽车

旧的图图,现在玩就轻松一点,加个效果就完成了

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

走过岁月 发表于 2024-4-15 23:15
给小辣椒点赞

谢谢岁月支持,鼓励

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

上海朝阳 发表于 2024-4-16 08:44
唷,学的真快,动态感很强

朝阳大哥谢谢临帖支持{:4_187:}
页: [1] 2 3
查看完整版本: 繁星照不亮的夜空 TO:南无月 (学习套用黑黑凤山舞曲粒子效果)