keyframes1 CSS 중급 속성 완벽 정리 | transform & transition CSS 애니메이션 애니메이션(Animation)은 움직이지 않는 물체를 움직이는 것처럼 보이게 만드는 기술이에요.TV나 영화의 프레임 원리처럼, CSS에서도 웹 요소에 연속된 동작 효과를 적용할 수 있습니다. CSS는 이러한 동작을 구현하기 위해@keyframes 모듈과 animation 속성을 제공합니다. 이를 이용하면 단순히 색이 변하거나 위치가 이동하는 수준을 넘어,진짜 살아 움직이는 듯한 웹 디자인을 만들 수 있습니다. @keyframes – 애니메이션의 핵심@keyframes는 애니메이션의 단계별 상태(프레임) 를 정의합니다. 시간 흐름에 따라 요소의 스타일이 어떻게 변할지를 설정하는 부분이에요.animation 속성 – 애니메이션 제어하기animation은 단축 속성으로, @keyframes에.. 2025. 10. 12. 이전 1 다음
