Properties

Properties

Editing
  • account_tree
  • bug_report

backface-visibility

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

설명

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

사용 가능한 값 타입

<'backface-visibility'>

DEVDIC-Specified Data Types

backface-visibility 속성에 사용되는 타입이다.

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

  • visible | hidden

사용되는 키워드

  • hidden

    요소의 뒷면을 숨긴다.

  • visible

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

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

구문

  • backface-visibility: visible;
  • element.style.backfaceVisibility = "hidden";
    CSS Transforms Module Level 2

예제

요소를 회전시킬 경우 뒤면을 보이게 하거나 숨기는 것을 비교한 코드

버전 명세

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

Last review date: 2022-11-14

지원 웹브라우저