더북(TheBook)

6.7.9 animation 속성으로 한 번에 지정하기

마지막으로 앞에서 살펴본 모든 애니메이션 속성은 단축 속성인 animation 속성으로 한 번에 작성할 수 있습니다.

형식

animation:<name> <duration> <timing-function> <delay> <iteration-count> <direction> <fill-mode> <play-state>;

속성값을 전부 다 적을 필요는 없고 한 번에 적용하고 싶은 애니메이션 속성만 적으면 됩니다. 예를 들어, 다음 코드는 bgchange 키 프레임에 정의된 속성을 ease-in 속도로 3회 실행합니다.

animation:bgchange 5s 3 ease-in;
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.