Смена картинки при наведении указателя

http://webref.ru/layout/html5-css3/background/sprite

by webref

HTML

<div class="heart"></div>
<div class="checkbox"></div>

CSS

.heart, .checkbox {
    width: 64px; height: 64px;  /* Размеры картинок */
    background: url(http://webref.ru/assets/example/sprite.png) no-repeat; /* Спрайт */
    display: inline-block; /* Выстраиваем по горизонтали */
   }
   .heart:hover {
    background-position: 0 -64px ; /* Сдвигаем вверх */
   }
   .checkbox {
    background-position: -64px 0; /* Сдвигаем влево */
   }
   .checkbox:hover {
    background-position: -64px -64px; /* Сдвигаем влево и вверх  */
   }