Css3-transition Transition Properties

Transition is mainly used for one element of a state to another state of a transition process, can not be actively triggered, must rely on events, such as the hover pseudo-class selector.

One, transition shorthand

Transition: The transition time of the transition in the total time transition mode of the property name to be deferred;

1) Transition Property name Transition-property: Specifies the CSS property name that sets the transition effect; all denotes all attributes; none means none;

2) Transition Time Transition-duration: Specifies the time required to complete the transition effect, in units of S/ms.

3) Transition mode transition-timing-function: Speed curve with specified speed effect.

Ease: gradually slows down

Linear: Constant speed

Ease-in: Accelerating

Ease-out: Deceleration

Ease-in-out: Deceleration after acceleration

4) Transition delay time Transition-delay: Specifies when the transition effect starts and the unit is s/ms.

Css3-transition Transition Properties