Rendre les images un peu transparentes

14.12.2013

Vos images présentes sur votre blog peuvent devenir un peu transparentes, en réduisant leur opacité, lorsque vous n'avez pas votre curseur dessus.

J'ai mis en rouge dans le code, la valeur que vous pouvez modifier pour avoir une opacité plus ou moins importante.

Le résultat du code par image (avant/après):

Voici le code :

img { -moz-transition: opacity 0.4s linear 0s;
-webkit-transition: opacity 0.4s linear 0s;
transition: opacity 0.4s linear 0s;
opacity: 0.35;
}

img:hover {
-moz-transition: opacity 0.4s linear 0s;
-webkit-transition: opacity 0.4s linear 0s;
transition: opacity 0.4s linear 0s;
opacity: 10;
}