-WebKit-transition [css3]

-WebKit-transition: Property, duration, timing-function, delay;

1. Property: CSS property.

2. Duration: the duration of the transition, in seconds (for example, 0.75 S ).

3. Timing function: Timing function that controls how duration is timed, which can be fast and slow.

4. Delay: latency. How long does the transition effect (for example, 0.75 s) occur after the action is triggered ).

 

Property: width | height | opacity ...... (all includes all CSS attributes)

Duration | delay: 1 S | 0.75 S | 0 s

Timing function: cubic-bezr (x1, Y1, X2, Y2) [The values of X and Y are used to define the beiser curve shape of the timing function, between 0 and 1] | linear [uniform speed] | slow [Slow] | slow-in [acceleration] | slow-out [Slow] | slow-in-out [acceleration and then slow down]

The besell curve is as follows:

P1 (x1, Y1)

P2 (X2, Y2)