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

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!