transform 애니메이션 종합 정리를 해보려 합니다 우선 박스를 만들어 hover하면 애니메이션이 실행되는것을 보기 위해 구조를 만들었습니다. BOX - translate - p:hover span{transform:transform:translateX(50px);} /*박스를 우측으로 이동*/ p:hover span{transform:transform:translateY(50px);} /*박스를 하단으로 이동*/ - rotate - p:hover span{transform:transform:rotate(30deg);} /*박스를 회전*/ span{transform-origin:left top;} p:hover span{transform:rotateX(180deg);} /*위로 rotate*/ spa..
