马黑黑 发表于 2024-12-5 21:05
变色的不止是周围粒子，还有按纽，进度条同时变化。。{:4_173:}
进度条一起变色这个头一回见
花飞飞 发表于 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
谢谢{:4_190:}
马黑黑 发表于 2024-12-7 11:37
是的
真的能完全不想，跳出三界外，那就成仙了。
马黑黑 发表于 2024-12-7 13:47
这些都是 #mplayer 的子元素，会继承父元素的一些属性设置。filter 滤镜的 hue-rotate 对飞纯黑、纯白、 ...
看到了。#mplayer 这回带了好多子元素。。
周围的那些大圆点是直接跟着#mplayer的。
虚线是.mplayer::after另外设的。
像这样一项一项的组合起来，跟装零件似的。。
也要计算才漂亮。。{:4_173:}
马黑黑 发表于 2024-12-7 13:48
--path 是一个CSS变量，你也可以定义为别的名称，比如 --lujing ，它用了记录切割路径
明白了，我之前没找到对应的切割代码。刚又跑去看找到了。
--path: polygon(0 0, 0 100%, 100% 50%);
调用的是这个切割路径{:4_170:}
马黑黑 发表于 2024-12-7 13:49
还好
{:4_173:}怪好。。。有山有水有蓝天白云
花飞飞 发表于 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
嗯呐
眼光就是好。。{:4_170:}谁反驳都没用
马黑黑 发表于 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
眼光就是好。。谁反驳都没用
不接受反驳