[ JS ] Pixel animaiton

 

  css grid를 이용해 요소에 애니메이션을 적용해 보았습니다. 특정 요소를 클래스의 인자로 전달함으로써 해당 요소에 그리드가 씌워지고 각 아이템에 움직임을 줌으로써 요소가 사라지는 효과, 웨이브, 무너지는 효과를 구현했습니다. 각 애니메이션은 클릭과 함께 시작됩니다.

 

See the Pen pixel_animation by OnnJE (@ogtitle) on CodePen.