CSS - transition

element에 움직이는 효과를 주는 속성.

 

font-size와 transform에 transition을 주었다.

 

 

transform - https://developer.mozilla.org/ko/docs/Web/CSS/transform

transform 은 element에 회전(rotate), 크기 조절(scale), 이동(translate), 기울임 등을 설정한다.

transform 효과는 element가 block 또는 inline-block level 일 경우에 적용 된다.

 

transition은 요소에 변경이 적용될 css와 시간, 변화 과정을 설정하는 속성이다.

transition-timing-function이 변화하는 과정을 설정하는 효과.(ease, linear, step-end, steps(4, end) )