Как сверстать подобное?

Question

[Даниил Сидоров]

Здравствуйте, подскажите как наиболее правильно сделать "дым от ракеты" как на картинке ниже. Спасибо.

Comments

[twobomb]

Canvas

Answer 1

[xmoonlight]

Правильнее - нарисовать всё в векторе (SVG) и потом уже добавить другие DOM-обекты (или растровые изображения, например, лого).

Answer 2

[Александр Токмаков]

А разве png картинкой не подойдет?

Answer 3

[tema_sun]

Картинка выглядит векторной. Так чего бы svg не использовать?

Answer 4

[ValeraValera]

Определить абсолютные координаты и радиус каждого кружка, определить градиенты, тени и порядок наложения расставить кружки , раскрасить , определить z-индексы , основной блок сделать оверфлоу хайден...

Answer 5

[twobomb]

Canvas мне кажется легче всего и производительность в норме.