HTML CSS

animation

nathaneast 2019. 8. 23. 17:47

transition
프로퍼티 변경에 따른 일시적 시간 후에 변화

animation
animation-name : 애니메이션 이름
animation-duration : 0s 진행 초
animation-delay : 0s 웹사이트 열리고 몇 초 후 진행
animation-timing-function:
// ease : 느림
// ease-in : 느리다가 빨라짐

animation-fill-mode : 
//forwards: 진행 후 멈춤

animation-iteration-count : 애니메이션 재생 횟수
//infinite 무한 반복

@keyframes 이름 {
from {
시작점
}
to{
끝에 바뀔것
}