웹 퍼블리싱/HTML & CSS 지식

(CSS) css 애니메이션 시작전/끝나도 적용되게 하는 법, 뭐였지?

꼬지비 2020. 12. 9. 18:29

animation-fill-mode

 none: 아무것도 지정되지 않은 상태
 forwards: 애니메이션이 키프레임의 100%에 도달했을 때 마지막 키프레임을 유지
 backwards: 애니메이션의 스타일을 애니메이션이 시작되기 전 미리 적용
 both: forwards, backwards, 둘 다 적용

 

애니메이션 순서는

name > duration > timing-function > delay > count > direction > fill-mode > play-state