728x90 728x90 CSS animation 한번만1 [CSS/animation]애니메이션 마지막 상태 유지와 속성 애니메이션의 기본값은 반복이다 공부할 때 보다 작업하다가 알게되는 매직 역시 사람은 해봐야 학습이 되는구나.. 딱 1회만 진행되게 하고싶을 때, 혹여나 자바스크립트로 제어해야하나 싶었는데 CSS animation 속성에 제어할 수 있는 방법이 있었다. 짜란 animation-fill-mode 이 속성으로 애니메이션을 제어할 수 있다! 옵션은 아래와 같다 animatiln-fill-mode:backwards; /* 애니메이션 처음 상태의 css를 유지함*/ animatiln-fill-mode:forwards; /* 애니메이션 마지막 상태의 css를 유지함*/ animatiln-fill-mode:both; /* 처음+마지막 둘다 css를 유지함*/ animatiln-fill-mode:none; /* 무한 반.. 2021. 9. 17. 이전 1 다음 728x90 반응형