Properties

Properties

Editing
  • account_tree
  • bug_report

backface-visibility

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

설명

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

사용 가능한 값 타입

〈'backface-visibility'〉

3D 효과시 요소의 뒤면에 대한 표시 여부를 다루는 값을 나타낸다.

  • visible | hidden

사용되는 키워드

  • hidden

    요소의 뒷면을 숨긴다.

  • visible

    사용자쪽으로 돌리면 뒷면이 보인다.

구문

  • backface-visibility visible;
  • object.style.backfaceVisibility = "hidden";CSS3

    자바스크립트 형식

예제

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

버전 명세

Modules
Module NameStatusSummary
CSS Transforms Module Level 2초안 작업

Last review date: 2022-11-14

지원 웹브라우저