Si può modellare un elemento al passaggio del mouse utilizzando i CSS pseudoselettore “:hover”. Ecco un esempio:
```
div {
width: 100px;
height: 100px;
background: red;
}
div:hover {
background: blue;
}
```
In questo caso, abbiamo un div che normalmente ha uno sfondo rosso. Quando passiamo sopra con il mouse (hover), lo sfondo diventa blu.
Puoi anche utilizzare :hover su collegamenti (anchor tags), per cambiare il colore del testo o sottolinearlo quando si passa sopra.
```
a {
color: blue;
}
a:hover {
color: red;
text-decoration: underline;
}
```
In questo caso, un normale collegamento sarà blu. All’hover, diventa rosso e sottolineato.
In generale, è possibile utilizzare :hover per cambiare qualunque proprietà CSS di un elemento al passaggio del mouse.
