在CSS3中,我们可以使用transition来添加元素从一种样式变为另一种样式时的动画效果。通常与:hover一起使用。transition:运动曲线开始时,待过渡属性所花费的时间;被转场的属性:要改变的css属性,宽度,高度,背景颜色,内外边距等。如果你想对所有属性进行转场,使用all。Timespent:过渡动画的时间,单位是秒,单位一定要写,比如0.5s。MotionCurve:动画的速度曲线。取值有linear(匀速)、ease(逐渐减速)、ease-in(加速)、ease-out(减速)、ease-in-out(先加速再减速)。可以默认,默认为ease。Whentostart:延时时间,单位是秒,单位一定要写。可以默认,默认为0s。/*宽度过渡*/transition:width.5sease;/*宽高过渡,多个属性用逗号隔开*/transition:width.5s,height.5s;/*所有属性都使用all*/transition:all.5s线性;
