예
회전 된의 뒷면 숨기기 <div> 요소를 :
div
{
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
»그것을 자신을 시도 정의 및 사용
이면에는 시인성이 속성은 화면에 직면하지 않을 때 요소가 표시할지 여부를 정의합니다.
요소가 회전 할 때이 속성은 유용합니다, 당신은 그것의 뒷면을보고 싶지 않아.
더 나은이 속성을 이해하기 위해 데모를 보려면 .
기본값: | visible |
---|---|
상속 : | no |
애니메이션 : | no. Read about animatable |
번역: | CSS3 |
자바 스크립트 구문 : | object .style.backfaceVisibility="hidden" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
숫자는 -webkit- 다음 또는 접두어와 함께 일 첫 번째 버전을 지정 -moz-.
재산 | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- | 10.0 | 16.0 10.0 -moz- | 9.0 4.0 -webkit- | 23.0 15.0 -webkit- |
CSS 구문
backface-visibility: visible|hidden|initial|inherit;
속성 값
값 | 기술 | 플레이 |
---|---|---|
visible | 기본값. 뒷면이 표시됩니다 | »플레이 |
hidden | 뒷면은 볼 수 없습니다 | »플레이 |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
관련 페이지
HTML DOM 참조 : backfaceVisibility property