Maison > interface Web > tutoriel CSS > CSS pour implémenter un moulin à vent rotatif

CSS pour implémenter un moulin à vent rotatif

不言
Libérer: 2018-04-26 16:56:26
original
4118 Les gens l'ont consulté

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="小风车">
Copier après la connexion

@keyframes rotating {       from{           transform: rotate(0);       }
       to{           transform: rotate(360deg);       }
 } img{       animation: rotating 1.2s linear infinite }
Copier après la connexion
linéaire : vitesse uniforme
infini signifie animation en boucle infinie



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


CSS pour implémenter un moulin à vent rotatifRecommandations 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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal