CSS3

ALL

CSS3 animation 속성과 @keyframes 애니메이션 효과

animation 속성과 @keyframes를 사용하여 CSS 만으로 애니메이션 효과를 만들 수 있습니다. 애니메이션 효과란 움직이는 이미지라고 생각하면 됩니다. 먼저@keyframes를 살펴보겠습니다. @keyframes @keyframes는 애니메이션의 시작부터 종료 부분까지 어떠한 동작을 할 것인지 지정할 수 있는CSS문법입니다. @keyframes는 작성방법은 아래와 같습니다. @keyframes 이름 { 0% { CSS 속성: 값; } 100% { CSS 속성: 값; } } @keyframes뒤에 사용할 애니메이션 이름을 ...