예
점차 그 폭과 높이를 변경하는 div 요소 위로 마우스를 이동 :
document.getElementById("myDIV").style.transitionProperty = "width,height";
»그것을 자신을 시도 정의 및 사용
transitionProperty 속성은 전환 효과가있는 CSS 속성의 이름을 지정 (전환 효과는 때 지정된 CSS 속성이 변경이 시작됩니다).
Tip: 때 전환 효과는 일반적으로 발생할 수있는 요소를 통해 사용자 가져가.
Note: 항상 transitionDuration 속성을 지정, 그렇지 않으면 기간이 0이고, 전환이 아무런 영향을주지 않습니다.
브라우저 지원
transitionProperty 속성은 인터넷 익스플로러 10, 파이어 폭스, 오페라, 그리고 크롬에서 지원됩니다.
Safari는 대안의 WebkitTransitionProperty 속성을 지원합니다.
참고 : transitionProperty 속성은 인터넷 익스플로러 9 및 이전 버전에서는 지원되지 않습니다.
통사론
transitionProperty 속성을 반환합니다 :
object .style.transitionProperty transitionProperty 속성을 설정 :
object .style.transitionProperty="none|all| 속성 값 값 기술 none 어떤 속성은 전환 효과를 얻을 것이다 all 기본값. 모든 속성은 전환 효과를 얻을 것이다 property 전환 효과를위한 CSS 속성 콤마로 구분을 정의 initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 모든 반환 값 : 요소의 특성 전이 특성을 나타내는 문자열 CSS 버전 CSS3
관련 페이지
CSS 참조 : transition-property property
<스타일 개체