@rinaz22

Как показать другую часть картинки по наведение в css?

Всем привет! Есть картинка 16 на 32. Хочу сделать так: в обычном режиме показывается первая часть 16 на 16, при наведении показывается остальная часть 16 на 16 например нижняя. Как это сделать средствами CSS.
  • Вопрос задан
  • 123 просмотра
Решения вопроса 1
Eridani
@Eridani
Мимо проходил
Загрузить спрайт -> сделать блок 16 на 16 -> повесить спрайт как бэкграунд -> по ховеру смещать background-position
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
AngReload
@AngReload
Кратко о себе
Ещё один вариант: вложить изображение в блок с размерами 16x16 и overflow:hidden, и при наведении применить картинке margin-top:-16px;
Ответ написан
@Haoss
html-верстальщик
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы