come posso creare un effetto su immagini?

[kevin0101]

ciao vorrei creare un effetto rollover su delle immagine che mi fanno da link per altre pagine
in pratica vorrei che al passaggio del mouse su un'immagine (link) che questa ad esempio cambiasse.

chi mi aiuta?

[fcaldera]

esempio semplice. Supponiamo di avere due immagini di 100x50 pixels

HTML

Link

CSS

a {
   display: block;
   width: 100px;
   height: 50px;
   background: url(immagine.jpg) top left no-repeat;

   / nasconde il testo nel link */
   font: 0;  
   text-indent: -999em;
}

a:hover {
   background: url(immagine-hover.jpg) top left no-repeat;
}

[gabip87]

Originariamente inviato da fcaldera

esempio semplice. Supponiamo di avere due immagini di 100x50 pixels

non sarebbe meglio unire le due immagini e giocare con il background-position?

[fcaldera]

naturalmente, andando per gradi...