Question : Effets de mouseover et de clic de CSS

Bonjour, le

Please vont voir le rel= " nofollow " de " _blank " de target= de " http://www.elance.com/ " de href= de http://www.elance.com/

You verra que leur « obtenir » le bouton mis en marche a 2 effets - quand vous mouseover qu'il s'allume et quand vous cliquez il enfonce vers le bas. Je présume que ceci est réalisé par l'utilisation de différentes images mais comment j'ai ceci sur mon propre site Web employant le CSS et les js minimaux ? le

Would l'aiment pour des étiquettes de aussi bien que le buttons

Thanks
d'entrée class= de

Réponse : Effets de mouseover et de clic de CSS

Salut hubfub,
Ceci ne devrait pas exiger JS du tout, il a appelé des sprites de CSS.
Le bouton a réellement un fond d'image simple qui combine les trois cas, vous peut voir l'image ici http://www.elance.com/media/images/4.0/buttons/get-started-btn-large-special-spr.png.

Avec un CSS simple qui manipule a : lien, a : vol plané et a : active vous pouvez réaliser le même effet.

Essayer l'exemple ci-dessous, j'ai employé la même image pour illustrer, elle devrait être simple, mais exige juste le positionnement précis d'image.

À la votre

1 : 2 : 3 : 4 : 5 : 6 : 7 : 8 : 9 : 10 : 11 : 12 : 13 : 14 : 15 : 16 : 17 :

Obtenir commencé