티스토리 뷰

CSS

[CSS] animation-fill-mode

animation-fill-mode

animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다.


animation-fill-mode

animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다.

정의(Definition)

  • animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다.

문법(Syntax)

animation-fill-mode : none | forwards | backwards | both | inherit;

속성(Property)

속성값 설명
none 애니메이션이 끝난 후 상태를 설정하지 않습니다.
forwards 애니메이션이 끝난 후 그 지점에 그대로 있습니다.
backwards 애니메이션이 끝난 후 시작점으로 돌아옵니다.
both 애니메이션이의 앞 뒤 결과를 조합하여 설정합니다.
inherit 애니메이션의 상태를 상위 요소한테 상속받습니다.

호환성(Compatibility) 더보기

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
animation-fill-mode 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능
댓글
댓글쓰기 폼