예
점차 모양을 변경할 div 요소 위로 마우스를 이동 :
document.getElementById("myDIV").style.transition = "all 2s";
»그것을 자신을 시도 정의 및 사용
전환 속성은 네 개의 전환 속성에 대한 약식 속성이다 :
transitionProperty, transitionDuration, transitionTimingFunction 및 transitionDelay.
Note: 항상 transitionDuration 속성을 지정, 그렇지 않으면 기간이 0이고, 전환이 아무런 영향을주지 않습니다.
브라우저 지원
전환 속성은 인터넷 익스플로러 10, 파이어 폭스, 오페라, 그리고 크롬에서 지원됩니다.
Safari는 대안의 WebkitTransition 속성을 지원합니다.
참고 : 전환 속성은 인터넷 익스플로러 9 및 이전 버전에서는 지원되지 않습니다.
통사론
전환 속성을 반환합니다 :
object .style.transition 전환 속성을 설정 :
object .style.transition=" 속성 값 값 기술 transitionProperty 전환 효과가있는 CSS 속성의 이름을 지정합니다 transitionDuration 전환 효과를 완료하는 데 걸리는 몇 초 또는 밀리 초 단위로 지정 transitionTimingFunction 전환 효과의 속도 곡선을 지정 transitionDelay 전환 효과를 시작할 때 정의 initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 모든 0 용이성 0 반환 값 : 요소의 전환 속성을 나타내는 문자열 CSS 버전 CSS3
관련 페이지
CSS 참조 : transition property
<스타일 개체