6.6.2 transition-property 속성

transition-property 속성은 전환 효과를 적용할 대상 속성을 지정합니다.

transition-property:<속성값>;

속성값에는 전환 효과의 대상이 되는 속성명을 적거나 미리 정해진 키워드를 넣습니다. 속성값에 사용할 수 있는 키워드는 다음과 같습니다.

표 6-20 transition-property 속성값

예를 들어, background-color 속성에 전환 효과를 주고 싶다면 다음과 같이 작성하면 됩니다.

transition-property:background-color;

전환 효과를 여러 속성에 지정하고 싶다면 쉼표로 구분해 작성하면 됩니다.

transition-property:background-color, color, width;

개별 속성이 아닌 모든 속성에 전환 효과를 넣고 싶으면 all로 지정하면 됩니다.

transition-property:all;