[CSS]transition-timing-function은 뭘까?

에니메이션을 비선형적으로 변하게 하는 옵션

▶ 에니메이션을 할때 보통 transition 속성만 넣게 되는데 transition-timing-function을 넣으면 좀더 다채롭게 효과를 넣을 수 있다.

 transition: all 0.5s;
 transition-timing-function: ease-in;

▶ 위의 그림과 같이 시간에 따른 변화가 비선형적으로 변한다.
(변경 시간을 조정해보면 차이를 좀 더 느낄 수 있다!)