css3 t动画ease |css3背景图片路径怎么写

这个动态时间公式用来控制动画效果的速度变化，也就是大家常说的缓动效果。其中最常用的缓动函数是ease。

.example {
animation: example 2s ease;
}
@keyframes example {
0%   { transform: scale(.5); }
100% { transform: scale(2); }
}

上面代码中，example是动画名，2s是动画持续时间，ease是动态时间公式名称。

使用ease，动画效果会从缓慢开始、加速后快速结束。

大家也可以使用cubic-bezier来创建自定义的动态时间公式：

.example {
animation: example 2s cubic-bezier(.25,.1,.25,1);
}
@keyframes example {
0%   { transform: scale(.5); }
100% { transform: scale(2); }
}

上面的代码中，大家使用了cubic-bezier函数并指定了四个点的x、y坐标值。这种自定义的缓动函数可以创建出更加个性化的动画效果。

在动画效果的制作中，合理使用缓动效果和自定义缓动函数，可以更好地达到大家想要的效果。