CSS animation-name 속성

정의와 사용법

animation-name 속성이 @keyframes 애니메이션에 이름을 지정합니다.

주석:항상 지정하십시오 animation-duration 속성이 없으면, 시간이 0이면 애니메이션을 재생하지 않습니다.

다른 것을 참조하세요:

CSS3 교육:CSS 애니메이션

HTML DOM 참조 매뉴얼:animationName 속성

예제

@keyframes 애니메이션에 이름을 지정하십시오：

div
{
animation:mymove 5s infinite;
}

직접 테스트해 보세요

CSS 문법

animation-name: keyframename|none;

속성 값

값 설명
keyframename 선택자에 바인딩할 keyframe의 이름을 규정합니다.
없음 애니메이션 효과가 없도록 규정합니다（캐시드 애니메이션을 대체할 수 있습니다）.

기술 세부 사항

기본값: 없음
상속성: 아니요
버전: CSS3
JavaScript 문법: 오브젝트.style.animationName="mymove"

브라우저 지원

표에서의 숫자는 해당 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

가 -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-