이전 포스팅에서는hover, focus 같은 사용자 행동에 따라 부드럽게 반응하는 transition을 알아봤습니다.이번에는 자동으로 움직이는 애니메이션 효과,즉 animation 속성만으로 구현하는 다양한 활용법을 다뤄보겠습니다. ✅ animation 기본 문법animation: [이름] [지속시간] [타이밍함수] [지연시간] [반복횟수] [방향] [모드]; 조금 길어 보이지만, 자주 쓰는 건 아래 정도예요:.box { animation: moveBox 2s ease-in-out infinite alternate;}@keyframes moveBox { 0% { transform: translateX(0); } 100% { transform: translateX(200px); }} ✅ anima..