Задать вопрос
@ligisayan

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

Всем привет!

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

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

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

  • Вопрос задан
  • 433 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
1. Как сделать несколько анимаций одновременно: тут.
2. Задайте разный тайминг в нужных анимациях (в процентах).
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы