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
@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!