6.6.6 transition 속성으로 한 번에 지정하기

앞에서 배운 모든 전환 효과 속성은 단축 속성인 transition 속성으로 한 번에 작성할 수 있습니다.

transition:<property>, <duration>, <timing-function>, <delay>;

다음과 같이 전환 효과를 작성한 코드가 있다고 합시다.

transition-property:width;
transition-duration:1s;
transition-timing-function:ease-in;
transition-delay:1s;

이 코드는 다음과 같이 줄여 쓸 수 있습니다.

transition:width, 1s, ease-in, 1s;