CSS pour implémenter un moulin à vent rotatif

Cet article présente principalement l'implémentation de moulins à vent rotatifs avec CSS, qui a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

1. 🎜>

2. css

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

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

linéaire : vitesse uniforme

infini signifie animation en boucle infinie

effet (enregistrement jif, l'effet original est fluide)

Recommandations associées :

jQuery+CSS implémente la commutation de colonne d'étiquette (avec code)

css implémente un effet de menu pliant à plusieurs niveaux

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!