LenovoId
@LenovoId
what the fuck ?

Как реализуется подобный hover?

Как реализуется подобный hover эффект : www.sitehere.ru/category/css3 , при наведение на ссылку публикации ...
  • Вопрос задан
  • 645 просмотров
Решения вопроса 2
sfi0zy
@sfi0zy Куратор тега CSS
UI developer. Верстаю неверстаемое.
Идея примерно такая:
span {
    background: linear-gradient(to right, #ccc 0%, #ccc 50%, #fff 50%, #fff);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position .5s cubic-bezier(.56,.08,.42,.7);
}

span:hover {
    background-position: 0 0;
}


codepen
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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