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

Question

[Zombie42679]

Как плавно завершить анимацию, то есть создать эффект, что колесо выкатилось при скролле и остановилось ?

https://jsfiddle.net/xng891zp/4/

Answer 1

[Exploding]

Тормозящее колесо

header {
  height: 1000px;
  background-color: green;
  text-transform: uppercase;
}
footer {
  height: 600px;
  background-color: blue;
}
.wheel {
  width: 250px;
  height: 250px;
  position: relative;
  left: -250px;
  
}
.wheel.active-left {
  left: calc(50% - 125px);
  transition: all 3s ease-out;
  transform: rotate(600deg);
}