Partagez | 
 

 Image qui s'éclaircit au passage de la souris

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Je suis : Admin, Admin Voir le profil de l'utilisateur http://archipel.forums-actifs.com/ http://mellesniffle-test.forumactif.com
avatar

Nombre de messages :
49

Age :
25

Points :
152

Date d'inscription :
03/07/2007


Cadre 1
Test: blabla
Test 2: bubulle

MessageSujet: Image qui s'éclaircit au passage de la souris   Jeu 23 Aoû - 14:57

Shay Altanir a écrit:
Exemple (ne faites pas attention au reste)

Il ne me semble pas avoir vu de tutoriel pour faire ça donc j'en propose un :
En fait c'est très simple il suffit de faire une class à l'image qui vous intéresse, puis mettre ce code dans le CSS (affichage → couleur → Feuille de style CSS)

Code:

/* Opacité images */
           
 .opac {
    opacity: 0.5;
/* formule firefox */
    filter: alpha(opacity=50);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
            }
       
  .opac:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;     
                    } 
/* Fin opacité image */


Et le html qui peut se mettre partout!
Code:
 <img src="lien de l'image" class="opac"/>

Il est important de garder la cellule de tableau pour que la luminosité se baisse dès qu'on quitte la souris! Si vous avez des questions où que vous voulez régler l'opacité n'hésitez pas à me demander! ♥
 
Image qui s'éclaircit au passage de la souris
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Drôle de Passage à Niveau...
» [Nantes] Passage Pommeraye
» Pour Dani (Passage à Neat Image)
» [RESOLU] HTC Desire: plus rien sur l'écran! écran noir lors de passage de 2.2 à 2.1
» transfert d'image..

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forumessais :: Codage :: Tutoriel pour structure-
Sauter vers: