CSS学习笔记（二）动画

1.transition

div {
transition-property: none | all | [property];
transition-duration: [time];
transition-timing-function: liner | ease | ease-in | ease-out | ease-in-out | cubic-bezier(x1,y1,x2,y2);
transition-delay: [time];
}

2. animation

div {
animation-name: [keyframe]
animation-duration: [time] | infinite
animation-timing-function: liner | ease | ease-in | ease-out | ease-in-out | cubic-bezier(x1,y1,x2,y2)
animation-delay: [time]
animation-iteration-count: n | infinite
animation-direction: normal | alternate
}