@GaserV

Как анимировать иконки из спрайтов?

Доброй ночи. Есть спрайт. В нем иконки, и иконки при наведении. Получается если задать transition, то при наведении срабатывает не красивая анимация, т.е. если при наведении иконка ниже, то показывается как скролится к этой иконке. Можно ли это дело изменить так, чтобы при наведении, не зависимо от того, где находится иконка, было просто плавное её появление\исчезание?
  • Вопрос задан
  • 138 просмотров
Пригласить эксперта
Ответы на вопрос 3
trushka
@trushka
Можно задать background не самому элементу, а подложенным под него ::before и ::after с position: absolute и z-index: -1. Один из них - с opacity: 0. При наведении, наборот, изначально прозрачному задано opacity: 1, а видимый становится прозрачным
Ответ написан
Комментировать
.some-module {
    transition:  background-position 0s, opacity .3s;
}

Начни копать отсуда.
Ответ написан
Комментировать
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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