在给定的transition
属性中,有三个参数:过渡属性、过渡时间和过渡速度曲线。
-
过渡属性:
all
表示对元素的所有属性进行过渡动画,包括宽度、高度、颜色、位置等。你也可以指定单个属性进行过渡,例如opacity
,表示只对透明度进行过渡动画。 -
过渡时间:
0.3s
表示过渡的持续时间,单位为秒。这里的0.3s
指的是过渡动画从开始到结束所需要的时间长度。 -
过渡速度曲线:
ease-out
表示过渡速度曲线,也被称为缓动函数。它决定了过渡效果的速度变化,常见的缓动函数包括ease
(默认值,慢-快-慢)、linear
(匀速)和ease-in-out
(慢-快-慢)等。