Css cubic-bezier（）函数是如何工作的？
我目前正在尝试学习如何使用cubic-bezier（），但我有点挣扎 据我所知，它有助于创建一条贝塞尔曲线，它由4个点组成，比如说P0，p1，p2，p3 P0和p3分别具有坐标（0,0）（1,1），它们表示曲线的起点和终点 X代表时间，Y代表进程 如果我的函数看起来像Css cubic-bezier（）函数是如何工作的？,css,css-transitions,Css,Css Transitions,我目前正在尝试学习如何使用cubic-bezier（），但我有点挣扎 据我所知，它有助于创建一条贝塞尔曲线，它由4个点组成，比如说P0，p1，p2，p3 P0和p3分别具有坐标（0,0）（1,1），它们表示曲线的起点和终点 X代表时间，Y代表进程 如果我的函数看起来像 transition-timing-function: cubic-bezier(0.7, 0.2, 1, 1); 我的动画不应该很慢，直到7/10的过渡时间（所以在7/10的过渡时间，我得到0.2的进展），并在其余时间非常快？
transition-timing-function: cubic-bezier(0.7, 0.2, 1, 1);
.transitionTest{
宽度：200px；
高度：200px；
背景颜色：蓝色；
利润率：100px 0 0 100px；
过渡性质：全部；
过渡时间：2s；
过渡计时功能：立方贝塞尔（0.7,0.2,1,1）；
}
.transitionTest：悬停{
变换：旋转（180度）；
背景色：红色；
宽度：100px；
高度：100px；
}不是真的，因为点不会定义计算，而是定义曲线，然后需要考虑曲线来寻找级数。以下是您的点的贝塞尔曲线：
黑色曲线是您的动画，您在开始时会有点慢。大约在70%50%50%70%100%.box{
宽度：200px；
高度：200px；
背景颜色：蓝色；
利润率：100px 0 0 100px；
过渡性质：全部；
过渡时间：2s；
过渡计时功能：立方贝塞尔（0.6,0.05,1,0.2）；
}
.box:悬停{
变换：旋转（180度）；
背景色：红色；
宽度：100px；
高度：100px；
}