秋日私语

凡哥

凡哥

帖子代码: http://43.159.199.78/forum.php?m ... 2691&pid=525424
本帖无视频，粒子用HTML元素做成。整个帖子在这里完成：http://mhh.52qingyin.cn/api/pcode/tiezi/

醉美水芙蓉

喜欢老师这个绿叶播放器！

凡哥

醉美水芙蓉 发表于 2024-9-3 19:22
喜欢老师这个绿叶播放器！

谢谢喜欢。可以自己定制：

（一）播放器的宽高一致，在 #player {} CSS选择器里设置 width 和 height 的值；
（二）.leaf {} 选择器 中，transform: rotate(var(--deg)) translateY(60px); 语句中，60px 会产生中间的效果，它可以是父元素的宽高，也可以略大或略小。border-radius: 100% 50%; 语句，改变百分比会得到不同的叶片效果。background: linear-gradient(45deg, yellow, darkgreen); 语句就是叶片的渐变颜色了，至少两个颜色值，不同的颜色会营造出不同的叶片颜色效果；
（三）叶片数请在JS语句 Array(total=5).fill('').forEach((i,k) => {} 中修改 5 这个值，3 ~ 9 之间为宜。

青石板

这朵花好漂亮~

青石板

这朵花好漂亮~

凡哥

青石板 发表于 2024-9-3 20:31
这朵花好漂亮~

漂亮的东东要夸赞三次

花简静

凡哥 发表于 2024-9-3 20:05
谢谢喜欢。可以自己定制：

（一）播放器的宽高一致，在 #player {} CSS选择器里设置 width 和 height 的 ...

border-radius: 100% 50%; 语句，改变百分比会得到不同的叶片效果
这个可以有无数种可能。。
花瓣千变万化

花简静

组合小花瓣已经成贴，小风车也快了吧

花简静

组合小花瓣已经成贴，小风车也快了吧