CSS / backface-visibility - 요소의 뒷쪽에서 앞면이 보이게 할지 정하는 속성

backface-visibility

backface-visibility는 요소의 뒷쪽에서 앞면이 보이게 할지 정하는 속성입니다.

  • 기본값 : visible
  • 상속 : No
  • 애니메이션 : No
  • 버전 : CSS Level 3

문법

  • visible : 보이게 합니다. 기본값입니다.
  • hidden : 보이지 않게 합니다.
  • initial : 기본값으로 설정합니다.
  • inherit : 부모 요소의 속성값을 상속받습니다.

예제

  • 체크박스에 체크하면 박스가 180도 회전합니다.
  • 첫 번째 박스는 앞면이 보이고, 두 번째 박스는 보이지 않습니다.

브라우저 지원

  • Chrome : 36.0+
  • Firefox : 16.0+
  • Internet Explorer : 10.0+
  • Opera : 23.0+
  • Safari : 9.0+

CSS 강좌