蔡文晶 - 江湖

马黑黑

红影 发表于 2024-6-24 10:35
filter: drop-shadow(-100px -160px 0 var(--shadow));是这句弄的影子吧，然后js里还赋予了阴影的各种颜 ...

drop-shadow 滤镜，语义就是，将影子丢下。伤不伤心？意不意外？

马黑黑

红影 发表于 2024-6-24 10:36
animation: fly 20s cubic-bezier(0.17,0.86,0.73,0.14) infinite var(--state); }

这个倒是第一次见 ...

请参阅 16# 的回复：

https://www.huachaowang.com/foru ... 26&fromuid=7130

马黑黑

南无月 发表于 2024-6-24 12:53
飞着逮比较有刺激，站着没兴趣逮了

马黑黑

红影 发表于 2024-6-24 10:39
这些粒子小精灵被小播转动出来的一样。它们活泼泼地跑出来，到了中间行为慢下来，贪看草原的美丽，然后又被 ...

这个解读很符合我设计时的心思

南无月

马黑黑 发表于 2024-6-24 12:53
匀速的应该是 0,0,1,1

使用 cubic-bezier() 函数表达运动时间曲率，需要四个参数：x1, y1, x2, y2，它 ...

时间曲率。。
这个比位置的抽象一些，不太好理解。。
容我想想

南无月

马黑黑 发表于 2024-6-24 12:54
图好，效果就好

好图都在你这里

南无月

马黑黑 发表于 2024-6-24 12:57

谁会去逮一棵树呢。。。要逮的是兔子。。

樵歌

粒子里面有间蝶。我抓住了黑色蓝色间蝶

马黑黑

樵歌 发表于 2024-6-24 18:22
粒子里面有间蝶。我抓住了黑色蓝色间蝶

马黑黑

南无月 发表于 2024-6-24 18:05
谁会去逮一棵树呢。。。要逮的是兔子。。

逮树之后可以守株待兔，何必费力气去逮兔子

马黑黑

南无月 发表于 2024-6-24 18:04
好图都在你这里

网上

马黑黑

南无月 发表于 2024-6-24 18:04
时间曲率。。
这个比位置的抽象一些，不太好理解。。
容我想想

具体地讲吧，就是运动的快慢在整个过程中不同的时间段不一样，可以先快后慢、先慢后快、先慢后快再慢、先快后慢再快，等等等等，可以用 linear、ease 这样的关键字表达，还可以用函数 cubic-bezier()来表达，该函数表示的就是运动速度在周期时间内的变化曲率。

樵歌

马黑黑 发表于 2024-6-24 18:22

跑太快，不好逮

马黑黑

樵歌 发表于 2024-6-24 18:38
跑太快，不好逮

一般都是狡猾狡猾滴

南无月

马黑黑 发表于 2024-6-24 18:23
逮树之后可以守株待兔，何必费力气去逮兔子

是不是长得高的树才配兔子。嫦娥姑娘边上守着

南无月

马黑黑 发表于 2024-6-24 18:23
网上

网上应有尽有。。
没被找到的就是在网上而已。
看到的才算。。

南无月

马黑黑 发表于 2024-6-24 18:26
具体地讲吧，就是运动的快慢在整个过程中不同的时间段不一样，可以先快后慢、先慢后快、先慢后快再慢、先 ...

运动时间曲率，需要四个参数：x1, y1, x2, y2，它们都是三次贝塞尔曲线的两个控制点的坐标

不好理解的是，既是时间，又给坐标。。这坐标应是位置的才对呗。。
x1, y1,是一个点。x2, y2，分明又是一个点。。
这两个控制点，开始和结束？

马黑黑

南无月 发表于 2024-6-24 21:34
运动时间曲率，需要四个参数：x1, y1, x2, y2，它们都是三次贝塞尔曲线的两个控制点的坐标

不好理解的 ...

三次贝塞尔曲线需要四个点：

起点（x0,y0）
控制点1（x1,y1）
控制点2（x2,y2）
终点（x3,y3）

可以用坐标来描述空间和时间。最常见的描述时间的坐标是自左向右的单向坐标，0表示现在，负数表示过去，正数表示将来。复杂的时间坐标系可以是二维坐标、三维坐标或更多维的坐标。

当使用坐标来描述关键帧动画一个运动周期里不同时期的运动速度，CSS规定使用 cubic-bezier(x1,y1,x2,y2) 来表达，它表达的是关键帧动画在一个运动周期里按照它描述的时间曲线去控制动画的运动速率。

马黑黑

南无月 发表于 2024-6-24 21:30
网上应有尽有。。
没被找到的就是在网上而已。
看到的才算。。

应有尽有就好

马黑黑

南无月 发表于 2024-6-24 21:28
是不是长得高的树才配兔子。嫦娥姑娘边上守着

这个不太清楚，请在三体一类的传奇中去寻找答案