애니메이션 정지하기 css

HTML & CSS

breeghty 2022. 11. 24. 14:55

[CSS]animation - 애니메이션 효과 중지했다가 다시 시작하기

애니메이션을 동작하던중 중지했다가 중지한 기점으로 다시 시작하는 방법 css 애니메이션의 animation-play-state 효과를 사용한다 기본값은 running (애니메이션 동작) paused 값을 주면 애니메이션이

gahyun-web-diary.tistory.com

CSS animation (애니메이션) 마지막 상태 유지하는 방법

CSS 애니메이션은 기본값이 반복 입니다. 무한 반복이죠. 하지만 애니메이션을 무한 루트가 아닌 딱 1회만 진행되도록 만들고 싶습니다. 혹시 스크립트를 써야 하는게 아닐까 속으로 내심 걱정이

rgy0409.tistory.com

animation:static

= 애니메이션이 적용되지 않은 상태로 정지.(애니메이션 해제)

animation-play-state : paused;

= 애니메이션이 적용되고 있는 상태 중에 일시정지. (변화하는 상태에서 정지)