css to implement rotating windmill

This article mainly introduces the CSS implementation of rotating windmills, which has certain reference value. Now I share it with everyone. Friends in need can refer to it

1. Place windmill pictures

<img src="imgs/fengche.jpg" alt="小风车">

2. css

@keyframes rotating {       from{           transform: rotate(0);       }
       to{           transform: rotate(360deg);       }
 } img{       animation: rotating 1.2s linear infinite }

linear: uniform speed
infinite means infinite loop animation

Effect (record jif, original effect is smooth)

Related recommendations:

jQuery CSS realizes label column switching (with code)

##css realizes multi-level folding menu effect

The above is the detailed content of css to implement rotating windmill. For more information, please follow other related articles on the PHP Chinese website!