How to use the transition function in CSS3?

1.Transition function

How to use the transition attribute: transition:property duration timing-function;

The property indicates which property is to be smoothly transitioned, and the duration indicates how long it takes to complete the property. Smooth transition of values, timing-function indicates the method by which smooth transition is performed.

Multiple smooth transition examples:

1  2  3  4  5  6  7  8 
 9 10 
11 29 30 

2.animation function

Usage examples:

1  2  3  4  5  6  7  8 
 9 10 
11 35 36 

Method to implement animation:

The above is the detailed content of How to use the transition function in CSS3?. For more information, please follow other related articles on the PHP Chinese website!