Properties

Properties

Draft
  • account_tree
  • bug_report

transition-property

전이 효과로 처리하기 위한 속성을 정의한다.

설명

기본 값은 'all'이며 모든 속성에 전이효과를 지정할 수 있다.

설정 가능한 속성 값

  • none키워드CSS3

    속성을 정의하지 않는다.

  • all기본값키워드CSS3

    CSS에서 애니메이션 가능한 속성 전부를 대상으로 한다.

  • propertiesCSS 속성명CSS3

    CSS에서 애니메이션 가능한 속성들을 설정한다. 복수의 경우에는 콤마(,)로 구분한다.

  • initial키워드CSS3

    CSS 기본 값으로 설정한다.

구문

  • transition-property none or all or property or initial;기본형식CSS3

    전이 효과를 주고자 하는 속성들을 정의한다. 복수인 경우에는 콤마(,)로 구분해서 작성한다. 기본 값은 all이다.

  • transition-property width, height;사용 예CSS3

    width와 height 속성을 전이 효과로 적용한다.

  • object.style.transitionProperty = "opacity, background-color";자바스크립트 형식CSS3

    자바스크립트 형식

테스트 도구

전이효과 대상 지정 테스트

지원 웹브라우저