Discover

花飞飞

马黑黑 发表于 2024-12-5 21:05

变色的不止是周围粒子，还有按纽，进度条同时变化。。
进度条一起变色这个头一回见

马黑黑

花飞飞 发表于 2024-12-7 13:15
变色的不止是周围粒子，还有按纽，进度条同时变化。。
进度条一起变色这个头一回见

这些都是 #mplayer 的子元素，会继承父元素的一些属性设置。filter 滤镜的 hue-rotate 对飞纯黑、纯白、纯灰的颜色有作用

马黑黑

花飞飞 发表于 2024-12-7 13:11
我去看了CSS代码，才知道这个小播完成跟之前的不一样。。
比如这个clip-path: var(--path);还没看得很清 ...

--path 是一个CSS变量，你也可以定义为别的名称，比如 --lujing ，它用了记录切割路径

马黑黑

花飞飞 发表于 2024-12-7 12:57
你选的地方真好江山如画，风景秀丽

还好

红影

马黑黑 发表于 2024-12-7 11:37

谢谢

红影

马黑黑 发表于 2024-12-7 11:37
是的

真的能完全不想，跳出三界外，那就成仙了。

花飞飞

马黑黑 发表于 2024-12-7 13:47
这些都是 #mplayer 的子元素，会继承父元素的一些属性设置。filter 滤镜的 hue-rotate 对飞纯黑、纯白、 ...

看到了。#mplayer 这回带了好多子元素。。
周围的那些大圆点是直接跟着#mplayer的。
虚线是.mplayer::after另外设的。
像这样一项一项的组合起来，跟装零件似的。。
也要计算才漂亮。。

花飞飞

马黑黑 发表于 2024-12-7 13:48
--path 是一个CSS变量，你也可以定义为别的名称，比如 --lujing ，它用了记录切割路径

明白了，我之前没找到对应的切割代码。刚又跑去看找到了。
--path: polygon(0 0, 0 100%, 100% 50%);
调用的是这个切割路径

花飞飞

马黑黑 发表于 2024-12-7 13:49
还好

怪好。。。有山有水有蓝天白云

马黑黑

花飞飞 发表于 2024-12-7 18:14
怪好。。。有山有水有蓝天白云

嗯呐

马黑黑

花飞飞 发表于 2024-12-7 18:14
明白了，我之前没找到对应的切割代码。刚又跑去看找到了。
--path: polygon(0 0, 0 100%, 100% 50%);
...

这个是很好理解的吧？多边形路径，用百分比表示。这是css的好处，svg可不认这个。

马黑黑

花飞飞 发表于 2024-12-7 18:08
看到了。#mplayer 这回带了好多子元素。。
周围的那些大圆点是直接跟着#mplayer的。
虚线是.mplayer::a ...

计算都是少不了的

马黑黑

红影 发表于 2024-12-7 14:46
真的能完全不想，跳出三界外，那就成仙了。

恭喜恭喜

马黑黑

红影 发表于 2024-12-7 14:45
谢谢

阔气阔气

花飞飞

马黑黑 发表于 2024-12-7 19:03
嗯呐

眼光就是好。。谁反驳都没用

花飞飞

马黑黑 发表于 2024-12-7 19:04
这个是很好理解的吧？多边形路径，用百分比表示。这是css的好处，svg可不认这个。

理解了。。整来整去大家都很强大的节奏。。都少不了

花飞飞

马黑黑 发表于 2024-12-7 19:05
计算都是少不了的

算出来的看着漂亮才叫会算。。

马黑黑

花飞飞 发表于 2024-12-7 20:21
算出来的看着漂亮才叫会算。。

漂不漂亮都得算

马黑黑

花飞飞 发表于 2024-12-7 20:21
理解了。。整来整去大家都很强大的节奏。。都少不了

随感绝大多数属性值不支持百分比，默认使用px做单位。这是画布特性所限制吧
HTML则大都支持

马黑黑

花飞飞 发表于 2024-12-7 20:19
眼光就是好。。谁反驳都没用

不接受反驳