마스크 처리 (안보였다가 보이도록 하기)

1.마스크 처리하고, 애니메이션 나타나게 하는법

overflow:hidden 사용

컨테이너(부모)에 overflow:hidden;을 적용하고

아이템(자식)에 display:block; height:100%; animation설정을 해준다.

keyframes를 통해 transform:translatey(100%); > transform:translatey(0); 으로 이동시켜준다