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é 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
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;
}