"Graphic CSS3" Note 3 transition transition

The publication of the current CSS modules progress: http://www.w3.org/Style/CSS/current-work

Transition: Provides a gradient between the two states, dependent on 4 attributes, with multiple transitions separated by a "," comma:

1. Transition-property None | All (default) | Property name

2. Transition-duration XXX S (sec) | Milliseconds

3. Transition-timing-function

1. Predefined Functions: Ease | Linear | ease-in | Ease-out | Ease-in-out

2. Bessel functions: Cubic-bezier (P1, p2, p3, p4)

3. Step function: Step (Count, "start | End ")

4. Transition-delay XXX S (sec) | Milliseconds

Note: The WebKit engine's browser sometimes leaves traces of the transition, and can add the following code fixes:

-webkit-transform:translate (0)//book Explanation: Enable hardware acceleration

"Graphic CSS3" Note 3 transition transition