ㅇ CSS3의 애니메이션 관련 속성 4가지
1. animation-duration : 애니메이션의 동작 시간('1s','0.5s'와 같은 형식으로 지정
2. animation-iteration-count : 애니메이션의 동작 회수('infinite'를 지정하면 무한 반복
3. animation-name : 애니메이션의 이름
4. animation-timing-function : 애니메이션의 타이밍
ㅇ animation-timing-function 속성에 지정할 수 있는 값의 의미 6가지
1. ease : 시작과 종료를 부드럽게
2. linear : 일정
3. ease-in : 서서히 시작
4. ease-out : 서서히 종료
5. ease-in-out : 서서히 시작하여 서서히 종료
6. cubic-bezier(x1,y1,x2,y2) : 3차 배지에 곡선의 P1과 P2를 (x1,y1,x2,y2)로 지정
ㅇ CSS3의 애니메이션 관련 속성 4가지
1. animation-duration : 애니메이션의 동작 시간('1s','0.5s'와 같은 형식으로 지정
2. animation-iteration-count : 애니메이션의 동작 회수('infinite'를 지정하면 무한 반복
3. animation-name : 애니메이션의 이름
4. animation-timing-function : 애니메이션의 타이밍
ㅇ animation-timing-function 속성에 지정할 수 있는 값의 의미 6가지
1. ease : 시작과 종료를 부드럽게
2. linear : 일정
3. ease-in : 서서히 시작
4. ease-out : 서서히 종료
5. ease-in-out : 서서히 시작하여 서서히 종료
6. cubic-bezier(x1,y1,x2,y2) : 3차 배지에 곡선의 P1과 P2를 (x1,y1,x2,y2)로 지정
transition: property, duration, timing-function, delay;