Как делаются динамичные страницы: CSS3-анимация или скрипты?

Question

[Алёна]

День добрый! Встала задача сделать динамичный лэндинг, чтобы плавное появление текста сбоку-сверху-снизу, реагирование на прокрутку мышью и всяческие другие эффекты. Что-то наподобие этого, но не так сложно. В общем, обычная информационная страничка с анимированными эффектами.

Так уж случилось, что с этим раньше не сталкивалась и хочется, чтобы получилось не криво.

Подскажите, пожалуйста, с помощью каких средств это всё реализуется? CSS3 анимация или какие-то js-плагины?
Требования к браузерам: современные и ipad.

Answer 1

[Yustas Alexu]

Реакция на прокрутку делается через js. На jQuery можно использовать метод scrollTop или плагин. Анимацию лучше делать на CSS3, она будет более плавной, чем если делать на jQuery. По поводу появления текста сбоку сверху снизу, это параллакс. Есть хорошие плагины, которые это реализуют. Просто поищите. Например на github.com

Comments

[Алёна]

Про scrollTop так и думала, да. А то же появление текста из-за границы экрана разве нельзя сделать через css3? Как-нибудь со сменой position + добавить анимацию.

[Yustas Alexu]

Можно.

[romanlyadnov]

Ве@pandaWarrior , через waypoints определяем видимость и вешаем классы на нужные элементы, анимации через css, например эти daneden.github.io/animate.css

Answer 2

[chigoe]

Я такие эффекты делал с помощью плагина waypoints.

Comments

[Алёна]

Он реагирует на видимость элемента в окне браузере, я правильно понимаю? Спасибо, попробую!

[chigoe]

Да, как только элемент появляется (там можно регулировать границу с помощью параметра offset), что-то происходит)