CSS backface-visibility 屬性

定義和用法

backface-visibility 屬性定義當元素不面向屏幕時是否可見。

如果在旋轉元素不希望看到其背面時，該屬性很有用。

另請參閱：

HTML DOM 參考手冊：backfaceVisibility 屬性

實例

隱藏和顯示兩個旋轉的 <div> 元素的背面：

#div1 {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

親自試一試

CSS 語法

backface-visibility: visible|hidden;

屬性值

值 描述
visible 背面是可見的。
hidden 背面是不可見的。

技術細節

默認值： visible
繼承性： no
版本： CSS3
JavaScript 語法： object.style.backfaceVisibility="hidden"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -webkit- 或 -moz- 的數字表示使用前綴的首個版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-