Можно ли сделать анимацию на css?

[Алёна]

Доброго времени суток, сразу уточню вопрос:
Как делается анимация на css, я знаю и прекрасно этим владею, но вопрос в следующем:
Нужно, чтобы анимация запускалась исключительно при долистывании пользователем до анимируемого блока
Сам вопрос:
Можно ли отслеживать данное событие силами css, или же не обойтись без js?

 

[BearSec]

Доброго времени суток, сразу уточню вопрос:
Как делается анимация на css, я знаю и прекрасно этим владею, но вопрос в следующем:
Нужно, чтобы анимация запускалась исключительно при долистывании пользователем до анимируемого блока
Сам вопрос:
Можно ли отслеживать данное событие силами css, или же не обойтись без js?

Без использования JS я не встречал возможности отслеживания появления элементов.

Вот несколько примеров с JS

AOS: CSS-Driven "On Scroll" Animation Library | CSS-Tricks

The following is a guest post by Michał Sajnóg, a front end developer at Netguru. Michał has created one of those "when you scroll to here, trigger this

css-tricks.com

CSS3-Animate elements if visible in viewport (Page Scroll)

I have added CSS animations to various div elements on my html page.But all the animations played at the same time & i can't see the animations at the bottom of the page.How can i make them play

stackoverflow.com

 

[v1gman]

Доброго времени суток, сразу уточню вопрос:
Как делается анимация на css, я знаю и прекрасно этим владею, но вопрос в следующем:
Нужно, чтобы анимация запускалась исключительно при долистывании пользователем до анимируемого блока
Сам вопрос:
Можно ли отслеживать данное событие силами css, или же не обойтись без js?

Можно, но всё же лучше использовать JS. Вот тутЬ есть видео, где показывают, как сделать анимацию на CSS (хоть этого автора я не советую к просмотру, но видео подходит в качестве демонстрации способности CSS в плане анимации)

 

[BearSec]

Можно, но всё же лучше использовать JS. Вот тутЬ есть видео, где показывают, как сделать анимацию на CSS (хоть этого автора я не советую к просмотру, но видео подходит в качестве демонстрации способности CSS в плане анимации)

Так в этом примере для запуска анимации по интервалу тоже JS используют

 

[v1gman]

Так в этом примере для запуска анимации по интервалу тоже JS используют

Да, я забыл добавить, что с элементами JS, но без него ведь никак, само собой

 

[septemberEatMe]

Вот тут смотри CSS Animation Dark Code

 

[Andrei_]

Вот тут смотри CSS Animation Dark Code

Так как анимировать, я знаю
А можно ли отслеживать событие долистывания пользователем до нужного элемента с помощью только css?