Simulation of the Ferris wheel rotation animation effect

This time to bring you 2D simulation to achieve the Ferris wheel rotation animation effects, the use of 2D simulation to achieve the Ferris wheel rotation animation effects of attention to what, the following is the actual case, together to see.

Look first:

Due to the size of the upload, can only be recorded in this effect, the original image is an infinite loop in circles.

Code:

<span style= "FONT-SIZE:18PX;" ><!      DOCTYPE html> 
Ferris Wheel Original:


Note:The Transform-origin property allows you to change the position of the element being converted.

The main function of this property is to select a position and then rotate around the position.

Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!

Recommended reading:

How to deal with the nth-child () compatibility problem under IE8

CSS3 's Box-sizing Property graphic tutorial

How to deal with the disappearance of CSS boundary lines

Enabling multi-background simulation of dynamic borders