Как можно анимировать такой блок?

Question

[Вадим Ягофаров]

Как можно анимировать такой блок? Клиент хотел чтобы каждый маленький треугольник появлялся отдельно, один за другим, как это можно сделать, никогда такого не делал. Или хотя бы чтобы не обрезалась картинка

transfer.avalonsec.ru

Answer 1

[Destell]

Не вижу, где обрезается картинка. Самый простой вариант - все треугольники сделать отдельными блоками, позиционировать абсолютно от родительского контейнера с крупной полосой и текстом, далее анимировать, transform и opacity в помощь.

Answer 2

[Андрей]

SVG, пошаговый вывод треугольников из прозрачности.

Comments

[Вадим Ягофаров]

а не могли бы сказать каким именно способом лучше поэтапно выводить треугольники из прозрачности

Answer 3

[Евгений]

Сделайте гифку и всё