Min egen kräft-mouseover!

En riktigt enkel mouseover-effekt som jag kom på i natt. Skapa en bild 200×300 px, skriv fånga överst, kräftor i mitten och för fan underst.

Lägg sedan in följande kod:

<style type=”text/css”>
.bild a {
display: block;
width: 200px;
height: 100px;
background: url(‘/bild.png’);
}

.bild a:hover {
background-position: center;
}

.bild a:active {
background-position: bottom;
}
</style>

<div class=”bild”>
<a href=”#”></a>
</div>

Det fantastiska resultatet (klicka på den också):