search

wonderfan / javascript

Explore the power of HTML,CSS and JavaScript
1 stars 0 forks source link

transition, transform and animation #74

Closed wonderfan closed 8 years ago

wonderfan commented 8 years ago

Definition and Usage The @keyframes rule specifies the animation code.

The animation is created by gradually changing from one set of CSS styles to another.

During the animation, you can change the set of CSS styles many times.

Specify when the style change will happen in percent, or with the keywords "from" and "to", which is the same as 0% and 100%. 0% is the beginning of the animation, 100% is when the animation is complete.

wonderfan commented 8 years ago

The transition property is a shorthand property for the four transition properties:

transition-property, transition-duration, transition-timing-function, and transition-delay.

wonderfan commented 8 years ago

The transform property applies a 2D or 3D transformation to an element. This property allows you to rotate, scale, move, skew, etc., elements.