Flip In

보통

스크롤 시 플립 애니메이션

#scroll#javascript#flip#smooth

라이브 데모

Flip Animation

This element flips in when scrolled into view

코드

animations.css

.flip-in {
  opacity: 0;
  transform: perspective(1000px) rotateY(90deg);
}
.flip-in.visible {
  opacity: 1;
  transform: perspective(1000px) rotateY(0);
}