transition-property

정의 및 사용

transition-property 는 transition 효과를 어떤 속성에 줄 것인지 직접 css 속성 중 이름을 지정해주는 속성이다. 만약 어떤 요소의 width 값을 변화주고 싶으면 transition-property:width 라고 적어주면 된다.

새로 생긴 transition 효과는 주로 마우스 오버했을 때 해당 요소를 어떻게 변화시킬지 같은 부분에 많이 사용한다.

정의 및 사용
기본값 all
상속 no
버전 CSS3
자바스크립트 구문 object.style.transitionProperty=”width,height”

브라우저 지원

IE6 지원 안함IE7 지원 안함IE8 지원 안함Chrome 지원Firefox 지원Opera 지원Safari 지원

IE계열 외 모두 지원(각 브라우저 접두사를 사용해야 한다)

구문

속성

속성 값 설명
설명
none transition 효과를 지정하지 않음
all transition 효과를 모든 속성에 줌
property transition 효과를 줄 속성을 css 속성이름 중에 골라 지정함

예제

버그 및 이슈

소제목

목록 으로

댓글