Пример rollover ссылки на CSS

, Восьмой Македонский, ... Исследователь палео-анабиоза

21 февраля 20:50 2 124

Rollover ссылка – это ссылка, которая изменяет свой дизайн при наведении мыши. В данном примере этот эффект достигается с помощью CSS sprites (спрайтов). Должен сказать, это очень востребованное решение для ссылок меню и других важных элементов, требующих интерактивности.

a {

display: block;

background: url(sprite.png) no-repeat;

height: 30px;

width: 250px;

}

a:hover {

background-position: 0 -30px;

}