animation
특정 element 의 style 을 점진적으로 변화시키는 것
특정 시간동안 css style 을 변화시킬 수 있는 속성
@keyframes
속성에 css style 을 어떻게 변화시킬 건지 정의할 수 있다.
animation-duration
animation-timing-function
animation-fill-mode
animation
속성에 6가지 각각의 속성들을 한꺼번에 쓸 수 있다.
div {
animation-name: example;
animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
div {
animation: example 5s linear 2s infinite alternate;
}
딱히 없음.