animation css

[2022/01/03]국비지원 CSS3 12 animation

animation : name duration timing-function delay interation-count direction fill-mode play-state steps name : 모션 이름 duration : /s, /ms timing-function : 모션 중 가속도 delay : 지연시간 interation-count : 반복횟수 0% ~ 100% infinite direction : 방향 normal alternate revers fill-mode : 시작 전 후 효과 forwards backwards both none play-state : 실행 상태 paused play steps : frame 수 입력 방식 ex @keyframes ani { 0%{left: 0;border:..