Rotation d'une icone en cliquant dessus
lynda789456
Messages postés
225
Date d'inscription
Statut
Membre
Dernière intervention
-
htpt -
htpt -
Bonsoir, svp comment faire pour que mes icones bougent,comme "facebook", "gmail" ect , genre quand je mais le curseur sur ces icones, l'image fait une rotation ,aidez moi svp !
Merci d'avance :)
Merci d'avance :)
A voir également:
- Rotation d'une icone en cliquant dessus
- Rotation ecran windows - Guide
- Icone - Guide
- Rotation video - Guide
- Transformer une image en icone - Guide
- Icone windows - Guide
1 réponse
Salut
pour faire un bouton qui réagit au clic ou au survol il y a plusieurs méthodes, les plus pratiques et utilisées le sont en CSS.
Un bouton c'est une image ou texte sur laquelle on clique.
Avec une image on peut changer celle ci au survol en donnant l'impression de mouvement.
ex avec hover en CSS:
http://www.w3schools.com/cssref/sel_hover.asp
Dans l'exemple on change la couleur de fond pour changer l'image il faut utiliser la propriété CSS background-image et indiquer la ou les images correspondantes à chaque comportement possible du bouton que l'on veut utiliser(inactif, survolé, enfoncé, relâché).
C'est la façon la plus simple et plus rapide mâis qui suppose qu'on fait les images du bouton.
Avec CSS(version 3) les animations sont possibles et on peut faire tout un tas de choses de façon simple ou plus complexe selon le rendu et l'originalité cherchée, par exemple:
http://ianlunn.github.io/Hover/
pour faire un bouton qui réagit au clic ou au survol il y a plusieurs méthodes, les plus pratiques et utilisées le sont en CSS.
Un bouton c'est une image ou texte sur laquelle on clique.
Avec une image on peut changer celle ci au survol en donnant l'impression de mouvement.
ex avec hover en CSS:
http://www.w3schools.com/cssref/sel_hover.asp
Dans l'exemple on change la couleur de fond pour changer l'image il faut utiliser la propriété CSS background-image et indiquer la ou les images correspondantes à chaque comportement possible du bouton que l'on veut utiliser(inactif, survolé, enfoncé, relâché).
C'est la façon la plus simple et plus rapide mâis qui suppose qu'on fait les images du bouton.
Avec CSS(version 3) les animations sont possibles et on peut faire tout un tas de choses de façon simple ou plus complexe selon le rendu et l'originalité cherchée, par exemple:
http://ianlunn.github.io/Hover/
