查看: 944|回复: 29

[特效] 秋日私语

[复制链接]
发表于 2024-9-3 18:28 | 显示全部楼层 |阅读模式

评分

7

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2024-9-3 18:28 | 显示全部楼层
本帖最后由 凡哥 于 2024-9-3 18:33 编辑

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

评分

2

查看全部评分

点评
回复

使用道具

发表于 2024-9-3 19:22 | 显示全部楼层
喜欢老师这个绿叶播放器!
点评
回复

使用道具

 楼主| 发表于 2024-9-3 20:05 | 显示全部楼层
醉美水芙蓉 发表于 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 之间为宜。

评分

2

查看全部评分

点评
回复

使用道具

发表于 2024-9-3 20:31 | 显示全部楼层
这朵花好漂亮~
点评
回复

使用道具

发表于 2024-9-3 20:31 | 显示全部楼层
这朵花好漂亮~
点评
回复

使用道具

 楼主| 发表于 2024-9-3 20:32 | 显示全部楼层

漂亮的东东要夸赞三次
点评
回复

使用道具

发表于 2024-9-3 20:57 | 显示全部楼层
凡哥 发表于 2024-9-3 20:05
谢谢喜欢。可以自己定制:

(一)播放器的宽高一致,在 #player {} CSS选择器里设置 width 和 height 的 ...

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

使用道具

发表于 2024-9-3 20:59 | 显示全部楼层
组合小花瓣已经成贴,小风车也快了吧
点评
回复

使用道具

发表于 2024-9-3 20:59 | 显示全部楼层
组合小花瓣已经成贴,小风车也快了吧
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

手机版|千山论坛 ( 冀ICP备2024055714号 )

GMT+8, 2025-6-9 16:51

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表