Partagez | .
 

 Transition opacité image

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

avatar

Out of myself


Messages : 46
Date d'inscription : 24/07/2013



MessageSujet: Transition opacité image   Jeu 29 Aoû - 17:42

CSS :
Code:
img[class="opac"] {
  opacity:0.5;
  -moz-opacity:0.5;
  -webkit-opacity:0.5;
  filter: alpha(opacity=0.5);
  transition:all 1.5s ease-in-out;
  -o-transition:all 1.5s ease-in-out;
  -moz-transition:all 1.5s ease-in-out;
  -webkit-transition:all 1.5s ease-in-out;
}

img[class="opac"]:hover {
  opacity:1;
  -moz-opacity:1;
  -webkit-opacity:1;
  filter: alpha(opacity=1);
}
HTML :
Code:
<img class="opac" src="url-ici" />
Rendu :
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://espaceperso.danskforum.net
 

Transition opacité image

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Code de transition d'image dans catégorie pour afficher les sujets
» Cadre autour d'une image + opacité
» Opacité sur image.
» Changer l'opacité d'une image au passage de la souris
» Créer une image avec une opacité plus ou moins réduite

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Lee & Lou :: Tests :: Trucs et astuces-