HTML DOM 스타일 transitionProperty 속성
예
마우스 포인터가 서서히 폭과 높이를 변경할 것이며, div 요소 가리킬 :
document.getElementById("myDIV").style.transitionProperty="width,height";
»시도
정의 및 사용
transitionProperty 속성은 CSS 속성의 이름이 전환 효과를 적용 지정합니다. (지정된 CSS 속성이 변경되면, 전환 효과가 시작됩니다).
팁 : 사용자가 요소 위에 마우스 포인터를 가져 가면 전환 효과는 일반적으로 발생합니다.
참고 : 항상 설정 transitionDuration 속성을, 그렇지 않으면 시간은 전환 효과를 생산하지 않습니다, 제로이다.
브라우저 지원
인터넷 익스플로러 10, 파이어 폭스, 오페라와 크롬 지원 transitionProperty 속성입니다.
Safari는 재산의 또 다른 대안은 그 WebkitTransitionProperty 속성을 속성을 지원합니다.
참고 : 인터넷 익스플로러 9 이전 버전 transitionProperty 속성을 지원하지 않습니다.
문법
위로 transitionProperty 속성 :
object .style.transitionProperty
transitionProperty 속성 설정 :
object .style.transitionProperty="none|all|property|initial|inherit"
속성 값
| 值 | 描述 |
|---|---|
| none | 没有属性会获得过渡效果。 |
| all | 默认值。所有属性都将获得过渡效果。 |
| property | 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
기술 세부 사항
| 기본값 : | 모든 |
|---|---|
| 반환 값 : | 요소의 특성 전이 특성을 표시하는 문자열. |
| CSS 버전 | CSS3 |
관련 기사
CSS 참조 : 전환-부동산의 속성