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

Вот пример: https://ru.4game.com/lineage2/install/

По коду смотрел там идет 1 изображение, которое режется на 2 части.

Как сотворить такой эффект?
  • Вопрос задан
  • 338 просмотров
Решения вопроса 1
hack504
@hack504
Конкретно этот реализован таким образом, что в левый блок (".l2-screen__aside") на момент анимации "что-то" записывается, а после завершения анимации удаляется. Таким образом в момент translateY, этот блок имеет дубликат картинки.
Реализовать такое с нуля будет долго - вся логика в JS и он там хранит параметры блоков (позиционирование, ширина, трансформация) и меняет их.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
Создаем блок с копией картнки, скрываем часть картинки при помощи overflow hidden
при помощи transform translate отправляем одну часть вверх, другую вниз
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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