transition-property : none | all | [ <IDENT> ] [ ',' <IDENT> ]*
transition-duration : <time> [,<time>]*
transition-timing-function : ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>,<number>,<number>) [,ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>,<number>)]*
transition-delay : <time> [,1)">transition-delay
是用来指定一个动画开始执行的时间,也就是说当改变元素属性值后多长时间开始执行transition效果,其取值:<time>为数值,单位为s(秒)或者ms(毫秒),其使用和transition-duration极其相似,也可以作用于所有元素,包括:before和:after伪元素。 默认大小是"0",也就是变换立即执行,没有延迟。
a {
-moz-transition: background 0.5s ease-in,color 0.3s ease-out;
-webkit-transition:
-o-transition:
transition:
all 0.5s ease-in; all 0.5s ease-in;
}
p {
-webkit-transition: all .5s ease-in-out 1s;
-o-transition:
-moz-transition:
transition: all .5s ease-in-out 1s;
}