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 }