Сделать анимированный баннер на html5

1 000 руб. за проект • наличный расчёт, безналичный расчёт
21 апреля 2014, 19:29 • 4 отклика • 58 просмотров
Запрограммировать на html5 css3 анимированный баннер. Файлы во вложении

Что нужно сделать:

Анимация перелистывания слайдов, на примере смены первого слайда (с волком) на второй (с зайцем)

1. Голова волка уменьшается до 0 и изчезает.

2. Вместе с этим нужно как то анимировать желтый круг внутри большого. Как вариант он увеличивается и заполняет собой весь большой круг, затем из центра появляется бирюзовый круг и заполняет пространство бирюзовым цветом и из него опять появляется желтый и встает на свое место.

3. После исчезновения головы волка, появляется голова зайца. Она увеличивается от нудя до 120% а потом до 100 %, т.е анимация должна как бы "пружинить"

4. В момент смены слайдов должна чуть подпружинивать ленточка с надписью (караоке детям), можно ее немного сгибать и разгибать, например. Но это должно выглядеть хорошо.

5. Надпись с преимуществом будет съезжать в лево, а с право будет приезжать новая. (она тоже должна пружинить) Я полагаю, что ехать она должна не чисто по горизонтали а с небольшим наклоном.

6. В момент перелистывания слайдов не забыть зачеркивать нужный маркер в крутилки.

7. На самом последнем слайде необходимо сделать, что бы ярлычок с немного дрогнул (один раз)

8. В последнем слайде телефон и микрофон в нем анимировать отдельно, что бы например сначала появлялся телефон, а потом тут же микрофон.

9. Звезды и ноты должны на фоне плыть, медленно.

10. Общие моменты. Каждый кадр должен висеть окало 3 секунд, далее он перелистывается на следующий и так бесконечно... Анимация должна быть достаточно быстрой, но при этом плавной и приятной глазу.
Файлы