Как сделать что бы при пролистывании к 2му блоку плавно появлялся бордер?

Question

[html-css]

Как сделать что бы при пролистывании к 2му блоку п...
Я так понимаю нужно смотреть в сторону animate.css?
но ума не приложу

вот яркий пример того, что мне нужно

Comments

[Rustam Bainazarov]

animate.css — это CSS-библиотека с готовыми CSS-анимациями. А вам нужен JS, чтобы сделать логику и слушать события прокрутки.

Можете попробовать WOW.JS или Waypoint JS.

Answer 1

[Антон Усачев]

На самом деле полно всяких скриптов для появления по скроллу. Вот один из них, вот другой. И это не предел, конечно. Можно и самостоятельно подобрать что-то по запросу "js scroll effects".

Comments

[html-css]

вот яркий пример того, что именно нужно

[Антон Усачев]

html-css, ну да. Через те плагины можно так сделать. Или просто взять какой-нибудь плагин, который ждет, когда конкретный элемент появится в поле зрения, после чего присвоить этому элементу класс или стиль. В твоем случае ширину линии от 0 до Xpx.

[html-css]

Антон Усачев, Спасибо!

[Антон Усачев]

html-css, написал простенький скрипт, который добавляет класс, когда элемент на экране.

Answer 2

[Илья]

Если я правильно понял вопрос, то существует хорошее свойство transition, которое позволяет решать такие задачи. С помощью него можно установить плавный переход.