https://gahyun-web-diary.tistory.com/116
[CSS]animation - 애니메이션 효과 중지했다가 다시 시작하기
애니메이션을 동작하던중 중지했다가 중지한 기점으로 다시 시작하는 방법 css 애니메이션의 animation-play-state 효과를 사용한다 기본값은 running (애니메이션 동작) paused 값을 주면 애니메이션이
gahyun-web-diary.tistory.com
https://rgy0409.tistory.com/3890
CSS animation (애니메이션) 마지막 상태 유지하는 방법
CSS 애니메이션은 기본값이 반복 입니다. 무한 반복이죠. 하지만 애니메이션을 무한 루트가 아닌 딱 1회만 진행되도록 만들고 싶습니다. 혹시 스크립트를 써야 하는게 아닐까 속으로 내심 걱정이
rgy0409.tistory.com
animation:static
= 애니메이션이 적용되지 않은 상태로 정지.(애니메이션 해제)
animation-play-state : paused;
= 애니메이션이 적용되고 있는 상태 중에 일시정지. (변화하는 상태에서 정지)
'HTML & CSS' 카테고리의 다른 글
| [css]text 타이핑효과 (0) | 2022.11.24 |
|---|---|
| 페이지 내 이동 링크 생성하기 (0) | 2022.11.24 |
| 가상선택자에 이미지 넣기 (0) | 2022.11.23 |
| text-shadow와 text-stroke (0) | 2022.11.21 |
| 웹폰트 cdn 연결 사이트 (0) | 2022.11.21 |