CSS3 Animation-transition

Writing:

Transition: < Transition property name [color]> < transition time [1s]> < transition mode [Inline]>, < transition attribute name > < transition time > < transition mode; ...

Or

Transition: < Transition property name > < transition time > < transition mode >;

Transition: < Transition property name > < transition time > < transition mode >

...

Or you can write separately:

< transition property name > = = Transition-property:[color]

< transition time > = = transition-duration:[1s]

< transition mode > = = Transition-timing-function:[color]

There are 5 modes of transition

Ease "slow start, Slow End" (default)

Linear "constant Speed"

Ease-in "Slow Start"

Ease-out "Slow End"

Ease-in-out "Slow start, Slow end" (slightly different from ease)

CSS3 Animation-transition