过渡:
过渡指的是从一种样式逐渐改变为另一种样式的效果。
必须规定两项内容:
1.指定要添加效果的css样式。
2.指定效果的持续时间。
transition:css属性 过渡时间 过渡速度 延迟时间 。
用于对一个属性设置一个过渡效果。<br /> 注意:添加多个过渡效果可以使用","逗号隔开。
transition-property:规定应用过渡的CSS属性名称
值:需要过渡的属性名称。
all:所有。
none:定义无。
transition:width 2s linear 2s,height 2s linear 2s;
transition-duration:定义过渡效果需要花费的时间,默认值为0
transition-duration: 3s;
缓动函数:规定过渡的时间曲线,指定切换效果的速度。
ease:默认值,逐渐减速。
ease-in:加速。
ease-out:减速。
ease-in-out:先加速后减速。
linear:匀速。
、
transition-timing-function: linear;
规定过渡效果的延迟时间,默认值为0
transition-delay: 2s
