Effets de couleur en css3

Modifier la couleur d’un bloc au survol de la souris.


Placer un <div > avec une classe couleur dans la page :

<div class="couleur"></div>

Créer le css adapté :

div.couleur{
    width: 200px;
    height: 150px;
    background-color: #795548;
    transition-property: background-color; /* Active la transition sur background-color */
    transition-duration: 1s; /* La transition dure 1s */
}

div.couleur:hover{
    background-color: #E5CDC4;
}

Sur le même sujet

comments powered by Disqus