Как делают вот такие баннера?

Question

[Роман]

Как делают вот такие баннера? promo.hvalacloud.com

Answer 1

[SuperToster]

promo.hvalacloud.com/spiral.svg + @keyframes animation
Пример анимации https://jsfiddle.net/y6zfa4qL/

Comments

[Роман]

меня смущает, почему там все в инлайн стилях прописано, полностью всё через js.

[SuperToster]

Роман,
Внутри: векторные картинки, анимация CSS, JS генерит разметку и задаёт очерёдность.

Сделано всё это в Adobe Animate.

Ваш вопрос несколько размытый : ) Я понял так, что вам интересно как там работает анимация, пример показал.

Делал вероятно менеджер или типа того. Кто то не имеющий отношения к разработке. Сделать то же самое руками (по готовому дизайну) у джуна займет около часа.

[Роман]

SuperToster, да нет, не анимацию я имел в виду. Я вот сверстал баннер demo6.epiales.net/1banner . С вашего ответа, понял, что Adobe Animate, только осталось разобраться как мне сделать это на Adobe Animate ))

[SuperToster]

Для этого придётся освоить эту программу. Сделать это можно только обучаясь, например по видеоурокам:
https://www.youtube.com/ в поиске написать: Adobe Animate tutorial

Я увы с Adobe Animate не знаком. Мне проще и быстрее подобное руками сделать.

[Роман]

SuperToster, да мне тоже проще. Мне было интерессно как этот баннер который я скинул сделан))

Answer 2

[Дима Паутов]

Верстают. Загляните в исходный код. Это 1е, что должно придти вам на ум!

Comments

[Роман]

спасибо Кэп. Я имею в виду может какие то сервисы есть или это все делается вручную.

Answer 3

[GreatRash]

Adobe Animate