Необходимо сверстать адаптивный (моб/веб) лендинг по примеру
Из программинга нужно сделать:
Необходимо сделать html js страницу с анимацией и звуком; входные данные:
картинка произвольная
ссылка на адио (30 сек)
текст – текст с
фреймы анимации:
x1,y1 начальной позиции картинки
x2,y2 конечные позиции картинки
w1,h1 начальная ширина и высота картинки
w2,h2 конечные ширина и высота картинки
x,y начальной позиции текста
x,y конечной позиции текста
fs начальный размер шрифта текста
fs конечной размер шрифта текста
пример
text: Hello animation
image:
(49KB)
audio:
[
[x1: 100, y1: 0, w1: 1000, h1: 500, fs: 6, x: 200, y: 200],
[x2: 800, y2: 391, w2: 500, h2: 250, fs: 12, x: 100, y: 600],
...
]
На выходе:
При загрузке музыки, должна начинаться анимация длительностью равной = 30 сек
при окончании аницации, она должна происходить в обратном порядке и так до бесконечности
Анимация происходит линейно между фреймам, при изминении размеров контейнера (liquid) все анимация должна пересчитываться
Должно работать на мобильных браузерах
*Указывайте сроки и стоимость, вопросы