LenovoId
@LenovoId
svg, css,js

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

Как реализуется подобный hover эффект : www.sitehere.ru/category/css3 , при наведение на ссылку публикации ...
  • Вопрос задан
  • 697 просмотров
Решения вопроса 2
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend 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
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
22 нояб. 2024, в 03:54
1500 руб./за проект
22 нояб. 2024, в 02:56
10000 руб./за проект
22 нояб. 2024, в 00:55
500 руб./за проект