Moola Mantra

凡哥 · 发表于 2024-7-25 08:12

凡哥 · 发表于 2024-7-25 08:13

本帖最后由凡哥于 2024-7-25 08:16 编辑

帖子代码
http://43.159.199.78/forum.php?m ... 2691&pid=499279

花简静 · 发表于 2024-7-25 10:11

漂亮极了，这色彩鲜活艳丽，吸人眼球。。
完美。。给白老师点赞，108个~~
下方的旋转的椭圆，如神秘的玄幻之门，
这些灵动的粒子从其中飞出，到天空中渐隐，
生生不息，无穷无尽~~

花简静 · 发表于 2024-7-25 10:12

小播宽高一致，width: 300px;height: 300px;border-radius: 50%;这样分明应该是圆，
变成椭圆是因为给了个角度。transform: rotateX(60deg);
小播显示为椭圆，贴于水面之上。。

花简静 · 发表于 2024-7-25 10:12

井player::before是中间圈两条金色的线；
井player::after是内圈虚线设置。。
原来是用两个伪元素和边框共同完成的小播。。。
这个思路和创意厉害，
小播虚实相间，简单线条组合并转动，
效果绝佳。

花简静 · 发表于 2024-7-25 10:12

粒子从下往上飞，粒子透明度从1到0，这个容易理解。。音乐也赞，梵音吟诵，听着音乐赏贴更完美。~~

花简静 · 发表于 2024-7-25 10:13

粒子宽度和高度width: 10px;height: 20px;也不一致，这里显示却正好是圆。。
小播的难道也是这前的transform: rotateX(60deg);对粒子也有效果。。
粒子明明是独立的。。

清梦 · 发表于 2024-7-25 10:13

又欣赏到老师精彩新作，开心

清梦 · 发表于 2024-7-25 10:14

花简静发表于 2024-7-25 10:12
小播宽高一致，width: 300px;height: 300px;border-radius: 50%;这样分明应该是圆，
变成椭圆是因为给了个 ...

静静上午好，见到你好开心

清梦 · 发表于 2024-7-25 10:14

蛐蛐真好听，问好凡哥老师，谢谢你的精彩分享

[特效] Moola Mantra