css3整理--transition

transition语法：
　　　　transition ： [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'> 
　　　　　　　　[, [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>]]* 
　　　　第一个参数：transition-property，执行变换的属性（当属性发生变化时，不直接进行变化，而是以动画的形式逐渐变化）
　　　　　　　　　　取值包括：
　　　　　　　　　　　　　　none：没有属性变化
　　　　　　　　　　　　　　all：（默认值）所有属性都变化
　　　　　　　　　　　　　　indent：指定的属性
　　　　第二个参数：transition-duration，执行变换需要的时间
　　　　　　　　　取值：
　　　　　　　　　　　　0：默认值，立即执行完毕
　　　　　　　　　　　　整数：单位为s或者ms
　　　　第三个参数：transition-timing-function，速率变化
　　　　　　　　取值：
　　　　　　　　　　1、ease：逐渐变慢
　　　　　　　　　　2、linear：匀速
　　　　　　　　　　3、ease-in：加速
　　　　　　　　　　4、ease-out：加速
　　　　　　　　　　5、ease-in-out：加速然后减速
　　　　　　　　　　6、cubic-bezier：自定义，例如（0.25,0.5,0.75,1），设定四个0-1之间的数字
　　　　第四个参数：transition-delay，delay时间，多长时间之后执行
　　　　　　　　取值同transition-duration
巴特西

css3整理--transition

最新文章

热门文章
