이안의 평일코딩

UI 애니메이션 애니메이션 시작 전 class(start)를 디자인하고 동작 후 class(end)를 디자인한다. 그리고 원할 때 애니메이션 동작 후 class를 부착한다. 시작 전 class 명에 transition 속성을 주면 부드럽게 애니메이션이 완성된다. CSS 먼저 애니메이션 주고싶은 요소를 으로 감싼다. .작명-enter-from{시작스타일} .작명-enter-active{transition} .작명-enter-to{끝날때스타일}로 3개를 작성한다. 태그 이용 .fade-enter-from { transform: translateY(-150px); } .fade-enter-active { transition: all 0.3s; } .fade-enter-to { transform: transla..