Linkowanie obrazka sprite

[Kartofelek]

2 wersje - 1 z linkami, 2 z checkboami. Obie działają na normalnych przeglądarkach.

Kod:

<style type="text/css">
.container a {display:inline-block; width:100px; height:48px;}
.container a span {display:inline-block; background:url(accepted_48.png) 0 0 no-repeat; width:48px; height:48px; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; overflow:hidden; text-indent:-9999px;}
.container a:focus span, .container a:active span {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2);}

.container2 input {position:absolute; left:-9999px;}
.container2 label {display:inline-block; width:100px; height:48px; overflow:hidden; text-indent:-9999px; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.container2 input + label {background:url(accepted_48.png) 0 0 no-repeat; }
.container2 input:checked + label {-moz-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2);}
</style>

Wersja z linkiem:    
<div class="container">
    <a href="#" class="a-one">
        <span>Klikus!</span>
    </a>
    <a href="#" class="a-two">
        <span>Klikus!</span>
    </a>
</div>

<br><br><br><br>

Wersja z checkboxem:
<div class="container2">
    <input type="checkbox" id="ch-one" /><label for="ch-one">Klikus!</label>
    <input type="checkbox" id="ch-two" /><label for="ch-two">Klikus!</label>
</div>

PATRZAJ TU: http://doman.art.pl/selectTest/testorek.html