728x90 300x250 SMALL 2025/03/231 까딱거리는 아이콘 css 애니메이션 @keyframes tilt { 0%, 100% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); }}.icon { width: 100px; height: 100px; display: block; margin: 50px auto; animation: tilt 1s ease-in-out infinite;} 아이콘이 좌우로 자연스럽게 흔들린다.(transform:rotate(-10deg) -> rotate(10deg)애니메이션은 infinite로 반복된다.ease-in-out을 적용해 부드러운 움직임을 준다. "> 2025. 3. 23. 이전 1 다음 728x90 반응형 LIST