TRANSITION

[HTML&CSS] Transition , Easing Function, Transformations

[HTML&CSS] Transition , Easing Function, Transformations ( UPDATE 2023 - 05 - 31 ) Transition transition '어떤 상태에서 다른 상태로의 변화'를 보여주는 애니매이션이다 rule1> transtion은 state가 없는 요소에 붙어야한다. 만약 state 자체에 transition을 준다면 변화를 준 상태(예를들면 hover)를 그만 두었을 때, 바로 변화 이전의 상태로 돌아간다. rule2> transtion은 state가 기준이 되어 바뀌는 것이다. 상태가 바뀌는 요소가 있을 때 transition이 가능하다. 예시) hover, active, focus ... Easing Function Easing Function 브..