Properties

Properties

Draft
  • account_tree
  • bug_report

backface-visibility

요소 뒤쪽의 모습을 보여주거나 숨기는 설정을 한다.

설명

요소가 transform 속성의 rotateX(), rotateY() 함수를 이용해 transition 또는 animation 속성을 통한 뒤집어지는 움직임을 연출할 경우 요소 뒤쪽의 모습을 보여주거나 숨기는 설정을 한다.

설정 가능한 속성 값

  • visible기본값키워드CSS3

    요소의 뒤쪽의 모습을 보임 처리한다.

  • hidden키워드CSS3

    요소의 뒤쪽의 모습을 숨김 처리한다.

  • initial키워드CSS3

    CSS 기본 값으로 처리한다.

구문

  • backface-visibility visible or hidden or initial;기본형식CSS3

    요소가 뒤집어지는 움직임이 있을 경우 요소 뒤쪽의 모습을 주어진 상수를 통해 보이거나 숨기 처리를 할 수 있다.

  • object.style.backfaceVisibility = "hidden";자바스크립트 형식CSS3

    자바스크립트 형식

예제

요소를 회전시킬 경우 뒤면을 보이게 하거나 그렇지 않게하여 비교한 코드

지원 웹브라우저