- UID
- 909
贵宾
- 主题
- 107
- 回帖
- 2273
- 精华
- 95
- 积分
- 4685
- 金币
- 7260 枚
- 鲜花
- 1404 朵
- 注册时间
- 2024-5-13
- 最后登录
- 2024-9-20
|
楼主 |
发表于 2024-9-3 20:05
|
显示全部楼层
谢谢喜欢。可以自己定制:
(一)播放器的宽高一致,在 #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
查看全部评分
-
|