-
Rendre les images un peu transparentes
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;
}
Tags : spiritual screen, small ghost, tuto rendre les images transparentes, code css
-
Commentaires