김코드의 웹디자인 세상

애니메이션(animation) 속성은 전환 효과와 함께 자주 사용하는 속성입니다. 전환 효과 속성보다 더 정확하고 부드러운 전환효과를 제어할 수 있으며 키프레임(@keyframse) 문법을 사용하여 더 많은 기능을 제어할 수 있는 장점이 있습니다, 그럼 알아보러 가볼까요? ✎ 정의하기 애니메이션(animation)은 정지된 이미지나 아이콘을 연속적으로 보여줘서 움직이는 것처럼 보이게 합니다. 애니메이션 속성은 이런 애니메이션 효과를 전환효과에 부여합니다. 그래서 애니메이션 효과는 키프레임(@keyframse) 을 정의하여 실행합니다. 키 프레임은 애니메이션이 진행되는 과정에서 특정 시점에서 발생해야 하는 여러 작업을 정의하는 문법입니다. 그렇기에 키프레임에는 시작과 종료 최소 2개의 시점에 대한 스타일이..