• Code CSS - Image en noir et blanc

    Avec ce code, l'image devient noir et blanc, et redeviens coloré au survol:

    img{         
        filtergrayscale(1);         
        -webkit-filtergrayscale(1);         
        -moz-filtergrayscale(1);         
        -o-filtergrayscale(1);         
        -ms-filtergrayscale(1);


    img:hover {        
        filtergrayscale(0);         
        -webkit-filtergrayscale(0);      
        -moz-filtergrayscale(0);         
        -o-filtergrayscale(0);      
        -ms-filtergrayscale(0);
    }

     

    Ou l'inverse:

    img{         
        filtergrayscale(0);         
        -webkit-filtergrayscale(0);         
        -moz-filtergrayscale(0);         
        -o-filtergrayscale(0);         
        -ms-filtergrayscale(0);


    img:hover {        
        filtergrayscale(1);         
        -webkit-filtergrayscale(1);      
        -moz-filtergrayscale(1);         
        -o-filtergrayscale(1);      
        -ms-filtergrayscale(1);
    }


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :