css动画ease – in |css告白特效

ease-in表示CSS动画在开始时过渡效果缓慢，后面变化速度越来越快。大家可以简单地使用CSS代码展示ease-in动画效果：

/* 定义动画 */
@keyframes ease-in-animation {
0% {
transform: scale(1);
}
100% {
transform: scale(2);
}
}
/* 给需要应用动画的元素添加样式 */
.element {
animation-name: ease-in-animation;
animation-duration: 2s;
animation-timing-function: ease-in;
}

上面代码定义了一个名为ease-in-animation的动画，它从1倍大小变为2倍大小，持续时间为2秒。大家给需要应用动画的元素添加样式，让它应用ease-in动画效果。

其中，animation-timing-function属性指定了动画过渡效果的速度曲线，这里的值为ease-in，表示初始缓慢，后面加速进行。

通过这种简单的CSS代码，大家就可以实现ease-in动画效果了。