Как создать анимацию на сайт?

Question

[Streetfox8]

Стоит задача научится в короткий срок, а именно за 3 дня (через 3 дня собеседование) создавать такого типа страницы shaunthesheep.mob.ru.com , с помощью html5, js, jquery. Есть опыт в этих технологиях, но как создавать такого рода анимацию не представляю. Вроде Rich Media, почти не нашел материала на эту тему. Спасибо!

Comments

[Александр Скуснов]

фон плюс спрайты?

Answer 1

[Михаил Дудар]

Конкретно в этом примере в принципе ничего сверхсложного нет, обыкновенная css анимация. Вам следует почитать как это работает www.w3schools.com/css/css3_animations.asp ну а потом попробовать что то вроде https://daneden.github.io/animate.css/ на деле.
Чуть сложнее уже svg-анимация

Comments

[Михаил Дудар]

За 3 дня вполне реально освоить азы css анимации

[Streetfox8]

Михаил: а нужен svg чтобы сделать как в примере?

[Михаил Дудар]

В данном примере не нужен

Answer 2

[HamSter]

Научиться за 3 дня реально!
К примеру основы css3 анимации + svg (все там же много всего).
Но нарисовать такой сайт займет время.

Comments

[Streetfox8]

спасибо. Получается нужно сначало сверстать на html css , а потом к определенным элементам применить анимацию да? а как сделать адаптивность для разных разрешений? это media-запросы?

[HamSter]

Streetfox8: да, и да)