Каким образом можно реализовать анимацию при скролле?

Question

[AlexanZem]

Подскажите каким образом можно реализовать такую пример анимацию при прокрутке страницы (имеется ввиду бордер под ссылками)

Заранее спасибо за ответы!

Answer 1

[Сергей Горячев]

При скроллинге дается класс .active например для блока.
А для класса .active уже пишется простенькая keyframes анимация.

Ну, или через псевдоэлементы.
https://jsfiddle.net/webirus/c2jm9bno/
Хотя, наверно через класс .active и псевдоэлементы вместе нужно.
Сделать гибрид из них, и уже менять по скроллу.

Сделал примерно, но только по ховеру.
К скроллу привязывайте сами)

Comments

[AlexanZem]

Спасибо большое.