css3 transition transition_html/css_WEB-ITnose

Transition: transition

transition: abbreviation of transition-property/duration/timing-function/delay.
　　transition: <'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'> [ , ... ];

　 transition-property: The property name of the transformation.
None, all, one or more (comma separated).

　Transition-duration: duration. The unit is s or ms.
　　The default is 0. No transition effects.

Transition-timing-function: The speed curve of the transition effect.
linear: uniform speed, equal to cubic-bezier(0,0,1,1)
ease: slow, fast, equal to cubic-bezier(0.25,0.1,0.25,1)
ease-in: slow Start, equal to cubic-bezier(0.25,0.1,0.25,1)
　　ease-out: End with slow, equal to cubic-bezier(0,0,0.25,1)
　　ease-in-out: End with slow The start and end are equal to cubic-bezier(0.42,0,0.58,1)
　　cubiz-bezier(n,n,n,n): [cubic Bezier] define your own value in the cubiz-bezier function, 0~1.

Transition-delay: Specify the start time. Default is 0.
Comma-separated delay times for multiple attributes.
　　 -moz-transition: color 0.3s ease-out 2s;