Par Barth

Avatar de Barth

Variation de l’opacité d’un élément

Il existe une propriété css permettant de définir la transparence d’un élément.
Voici le code pour un élément “img” utilisé comme lien dans un site (par exemple : un menu composé d’images vignettes)

a img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
 
a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

Il y a trois lignes pour une meilleure compatibilité avec les navigateurs – aussi, faut-il penser à modifier la valeur dans chacune de ces trois lignes. (en pourcentage pour la première et en décimale pour les deux autres)

Vous pouvez voir le résultat sur cette page par exemple, en survolant les vignettes…
C’est un effet à la fois discret et élégant, n’est-il pas ?

Poster un commentaire

Subscribe without commenting