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

Как реализовать анимацию разрыва?

Приветствую!

Нужна подсказка: Как реализовать слайдинг с анимацией разрыва блока на 2 равные части, т.е. ровно от середины в левую и правую сторону отъезжает разделенный блок. Была идея создать два inline-блока и на них натянуть background'ом по половине изображения. А потом уже обычная анимация перемещение. Но чувствую, что есть куда проще варианты и интереснее.

Спасибо!
  • Вопрос задан
  • 266 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@Sn0wSky
Не разделяя один блок на две части, мне кажется разве что через canvas

Если надо просто разделить, вариант с двумя блоками гораздо быстрее
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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