transition transition속성은 인터넷 페이지를 구성하고 있는 각 요소들이 일정 시간동안 변화하는 과정을 부드럽게 하는 애니메이션 효과를 줄 수 있다. >>- ### transition-property: 속성이름; 변화하고 싶은 속성 이름을 적으면 된다. transition-property: all; 두개 이상의 효과를 내고 싶을 때 사용 > transition-duration: 시간; 애니메이션의 작동시간을 설정하는 값 > >>- ### transition-timing-function: 값; 변하는 속도에 패턴을 지정할 수 있다. 패턴 >> - ease (기본값) 천천히 시작해서 점점 가속을 한다. >> - linear >> - ease-in >> - ease-out 빨리 시작해서 점점 느려진다. >> - ease-in-out >>