Mit der Maus über Box fahren
.box {
    background-color: yellow;
}

/* mit :hover legen wir fest, wie das Element
   aussieht, wenn wir es mit der Maus berühren */

.box:hover {
    background-color: red;
}
Mit der Maus über Box fahren
/* die Eigenschaft transition legt fest, wie lange
   der Übergang zwischen den beiden Zuständen dauert */

.box {
    background-color: yellow;
    transition: 0.3s;
}

.box:hover {
    background-color: red;
}