Как сделать анимацию CSS, как это?

Question

Я хочу знать, как сделать этот вид анимации с помощью css: https://www.maman -corp.com / solutions , когда вы прокручиваете изображение с рабочим, изображение перемещается с ширины 0% до 100% с переходом.

Answer 1

* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
div {
  background: tomato;
  width: 100px;
  height: 100px;
  -webkit-animation: animateThis 1s ease-in;
  -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes animateThis {
  0% {
    width: 100px;
    height: 100px;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}

<div></div>

Вы можете сделать то же самое на изображении.Вместо этого используйте имя класса изображения.