Faites tourner la Roue de code SANS javascript
Cherche à construire quelque chose de ce genre - une rotation de la roue à l'aide de seulement HTML et CSS, sans Javascript
La recherche de quelques références ou même pour voir si cela peut être fait.
- HTML et CSS n'ont pas les gestionnaires d'événements, il n'existe aucun moyen pour exécuter les animations CSS sur cliquez sur.
- Vous pouvez travailler hors de la
:hover
,:focus
et:active
pseudo-sélecteurs.
Vous devez vous connecter pour publier un commentaire.
C'est à l'aide de l'effet Hover de la filature. Depuis le css n'a pas de gestionnaires d'événement, vous ne pouvez pas ajouter/supprimer des classes. Cependant, vous pouvez ajouter des effets de survol:
CSS:
HTML:
Si vous pouviez utiliser un minuscule peu de javascript, vous pourriez faire quelque chose comme ceci:
JS:
CSS:
HTML:
Remarque:
Le script est ici purement le basculement de la classe 'thisIsAdded'.
Comme Justinas souligné Nous ne pouvons pas le feu de style css sur l'événement click. Vous avez besoin de javascript pour que. Cependant, vous pouvez utiliser les animations CSS pour atteindre l'effet spin, mais seulement avec des pseudo-sélecteurs.
ci-dessous est un échantillon de spin effet en utilisant uniquement CSS
Ici vous allez.. Violon
CSS: