Abuser de l'opacité en CSS
Par j0k le dimanche 12 juin 2005, 06:29 - 2601 vuesIl existe une directive très pratique ou plutôt très fascinante en CSS qui permet de jouer avec l'opacité sur des images par exemples.
Ainsi on peut créer un système de rollover. En passant la souris sur l'image, elle apparaît plus nette, avec une opacité de 100%, et dès qu'on éloigne la souris de l'image, son opacité reviens à 50%. C'est comme si l'on mettait un voile opaque sur l'image.
Cela fonctionne sous tous les navigateurs récents même si pour IE il est nécessaire d'utiliser un filtre.
Le JDN réponds à cette question "Est-il possible de créer des rollovers en CSS à partir d'une seule image ?". Il propose un solution basée sur le système d'opacité.
Cependant on peut aussi perfectionner ces rollovers avec une seule image, comme vue dans une précédente news. Ce qui rends quand même beaucoup joli, mais nécessite un tout petit peu plus de travail.
6 commentaires en tout !
Super ces tutos, ça m'a même permis de découvrir l'autre news ^^ Merci jeune Padawan ^^
héhé Comme quoi tu lis pas toutes mes news ... pff ^^
et bas ^^ y a eu une période où j'ai été absent sur le net ... Mais je passe plusieurs fois par jour voir si y a du nouveau et je lis ^^
:p
vodler : > et bas ^^ y a eu une période où j'ai été absent sur le net ... Mais je passe plusieurs fois par jour voir si y a du nouveau et je lis ^^
:p
Moi aussi je passe très régulièrement pour un peu de lecture :)
Et le fil RSS, s'pour les chiens? ;o)
Actuellement je suis pas en mesure de l'utiliser ^^ Lorsque j'aurais récupéré mon pc je retrouverais mes petites habitudes hehe mais ça fait déjà plus de 2 mois que j'ai plus mon pc ... encore une p'tite semaine et hop ^!!!
Pensez à vous inscrire !