Rotate In

보통

회전하며 페이드 인되는 애니메이션

#scroll#javascript#rotate#smooth

라이브 데모

Rotate & Fade In

This element rotates and fades in when scrolled into view

코드

animations.css

.rotate-in {
  opacity: 0;
  transform: rotate(-180deg) scale(0.5);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.rotate-in.visible {
  opacity: 1;
  transform: rotate(0) scale(1);
}