
[SIST] Web_CSS_days06_CSS 애니메이션 효과
·
TIL/Web(HTML, CSS, JS, jQuery)
1. 하나의 스타일에서 다른 스타일로 점차적으로 변환되는 것 2. 애니메이션 효과 주기의 첫 단계 : @keyframes 지정 keyframe(키프레임) 이란? 특정 시간에 요소가 가지는 스타일 3. css 속성 @keyframes - animation-name : keyframes의 이름을 넣어줌 - animation-duration : 애니메이션 효과를 얼마나 유지할 것인가 - animation-delay : 애니메이션 효과를 언제 시작할 것인가 - animation-iteration-count : 애니메이션 효과를 반복할 횟수(infinite는 무한대 반복) - animation-direction : 애니메이션 효과가 나오는 방식 > 속성 값 : reverse, normal, alternate, a..