Как бы вы сделали эту анимацию типа CSS «разрез»? ⇐ Html

[Anonymous]

Впервые публикация и долгое время скрываюсь, я разрабатываю демонстрационный сайт и наткнулся на определенный стиль анимации, и в поисках вдохновения. Это анимация, в которой на странице элементы «поднимаются». Как бы вы сделали этот стиль анимации? Кажется, как будто он отрезан, когда он движется вверх, пока не закончится. Я использую '@KeyFrames' с CSS. Я свяжу изображение. CSS, JavaScript, все они приветствуются! У меня нет кода, чтобы делиться, так как это субъективный вопрос. < /P>
Я попробовал переполнение: скрыто; И это, похоже, не сработало (я мог бы просто сделать это неправильно). Я думал, может быть, элемент перед анимирующим элементом, который делает его «невидимым», чтобы вы могли видеть его на фоне-IMG во время анимации.

Подробнее здесь: https://stackoverflow.com/questions/795 ... -animation