CSS
animation- timing-function 애니메이션 속도
혜원21
2021. 9. 10. 12:12
See the Pen animation-timing-function by nilgi (@nilgi) on CodePen.
animation-timing-function: linear; // 같은 속도
animation-timing-function: ease; // 느림 - 빠름 - 느림 (기본값)
animation-timing-function: ease-in; // 느리게 시작
animation-timing-function: ease-out; // 느리게 끝내기
animation-timing-function: ease-in-out; // 느리게 시작 느리게 끝내기, ease 처럼 중간에 빠름 없음.