트랜지션과 애니메이션의 차이

🎯 animation 속성과 사용법 말 그대로 애니메이션 효과를 준다. 속성은 트랜지션과 다르지 않다. 📝 animation 속성 animation-name : @keyframes 애니메이션 이름을 지정 animation-duration : 애니메이션이 소요되는 시간 지정(s, ms) animation-timing-function : 애니메이션이 나타나는데 걸리는 시간, transition-timing-function과 동일 animation-delay : 애니메이션 대기 시간 지정(s, ms) animation-iteration-count : 애니메이션 반복 횟수 animation-direction : 애니메이션 진행 방향 설정 alternate: from → to -> from normal : fro..