Как реализовать такую анимацию?

Question

[Mary Солнечная]

Имеется вот такая идея: мишень, стрелы и блоки с описанием. Необходимо сделать так, чтобы при скролле до места, где расположена мишень - стрелы по очереди вонзались в мишень и около каждой стрелы появлялась надпись. Как такое реализовать и насколько вообще сложно сделать такую вещь? Может быть не стоит с этим заморачиваться? Но идея интересная - необычная такая flash анимация. Заранее благодарю за помощь!

Answer 1

[0leg5ergeev]

Возможно, на определённой точке скроллинга .scrollTop() стоит давать класс родительскому блоку, а потом добавлять анимации выхода, для этого нужен только css. Анимации можно подсмотреть в wow.js

Answer 2

[Денис Т]

можно с помощью svg анимации сделать, можно с помощью canvas
можно как предложили выше
только не flash!

Answer 3

[Z0nd0R]

Есть хорошая библиотека для создания таких эффектов - scrollmagic

Comments

[Mary Солнечная]

Спасибо, буду иметь в виду, но у меня тут анимашка попроще, реализовала с помощью wow.js+ animate.css

[Mary Солнечная]

Подскажите, пожалуйста, а вы случайно не знаете какая функция в scrollmagic увеличивает при скролле высоту элемента? Буду благодарна)