Style animationName 속성

정의 및 사용법

animationName 속성 설정 또는 @keyframes 애니메이션의 이름을 반환합니다。

예제

<div> 요소의 animationName 속성을 변경하십시오：

document.getElementById("myDIV").style.animationName = "myNEWmove";

직접 테스트해 보세요

문법

animationName 속성을 반환하십시오：

object.style.animationName

animationName 속성을 설정하십시오：

object.style.animationName = "none|keyframename|initial|inherit"

속성 값

값 설명
none 기본 값. 애니메이션 없음을 정의합니다（캐시드 애니메이션을 덮을 수 있습니다）。
keyframename 결합해야 할 선택자에 대한 키 프레임 이름을 정의합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： none
반환 값： 문자열로 요소의 animation-name 속성。
CSS 버전： CSS3

브라우저 지원

animationName CSS3 (1999) 기능입니다。

모든 브라우저가 완전히 지원합니다：

크롬 에지 파이어폭스 사파리 오페라 IE
크롬 에지 파이어폭스 사파리 오페라 IE
지원 지원 지원 지원 지원 11

관련 페이지

CSS 참조 매뉴얼：animation-name 속성