Как реализовать эффект взрыва изображений в блоке с помощью css анимации?

Question

[ligisayan]

Всем привет!

Есть блок с анимацией, заполняемость которого хочу реализовать с эффектом взрыва изображений цветов: сразу появляются 3 цветка в разных частях блока и под разными углами, затем еще 3 тоже в разных частях и под другими углами. Использую css анимацию.

У меня на текущий момент 2 проблемы:

1 - изображения изначально разворачиваются под нужный градус, но затем по какой-то причине вновь занимают исходное положение
2 - как добиться эффекта появления сначала 3ех изображений, а через небольшой промежуток времени остальных?

Answer 1

[xmoonlight]

1. Как сделать несколько анимаций одновременно: тут.
2. Задайте разный тайминг в нужных анимациях (в процентах).

Comments

[ligisayan]

xmoonlight по поводу 2ого поясните, пожалуйста

[xmoonlight]

ligisayan, например при параллельном запуске анимаций: 0-50%, 60-100%

[ligisayan]

xmoonlight, аа, теперь понял о чём вы