Su una pagina ho messo 3 immagini/link che portano a 3 diverse aree del sito.

Vorrei che appena arrivati alla pagina dove ci sono le 3 immagini in questione, queste appaiano leggermente offuscate.
Quando si passa col mouse su una di esse, su questa l'effetto "opaco" deve togliersi, per poi riapplicarsi quando il mouse si toglie da sopra l'immagine.
Sarebbe anche carino se la transizione non fosse immediata, ma graduale

Come posso fare?