CSS 애니메이션 관련 속성
- 이전 페이지 CSS 함수
- 다음 페이지 CSS 네트워크 보안 글꼴
정의와 사용법
일부 CSS 속성은 애니메이션 제작에 사용할 수 있으며, 이는 이들 속성이 전환 등 효과에 사용될 수 있음을 의미합니다.
애니메이션을 설정할 수 있는 속성은 값을 하나에서 다른 하나로 점진적으로 변경할 수 있습니다. 예를 들어, 크기, 숫자, 퍼센트 및 색상입니다.
브라우저 지원
표에 나열된 숫자는 CSS 애니메이션을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다。
-webkit-、-moz- 또는 -o- 뒤의 숫자는 사용되는 프리픽스의 첫 번째 버전을 나타냅니다。
|
43.0 4.0 -webkit- |
10.0 |
16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
예제
배경색을 빨간색에서 파란색으로 애니메이션을 설정합니다：
@keyframes mymove {
from {background-color: red;}
to {background-color: blue;}
}
애니메이션 관련 속성
아래 표는 CSS에서 애니메이션 관련 속성을 나열했습니다：
- 이전 페이지 CSS 함수
- 다음 페이지 CSS 네트워크 보안 글꼴
