CSS3 backface-visibility 屬性
實例
隱藏旋轉 div 元素的背面::
div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome 、Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
緊跟在 -webkit-, -ms- 或 -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- |
標籤定義及使用說明
backface-visibility 屬性定義當元素背面向螢幕時是否可見。
如果在旋轉元素不希望看到其背面時,該屬性很有用。
Chrome/Safari 用戶:為了更好地理解這個屬性,查看演示: 查看線上實例。
Default value: | visible |
---|---|
Inherited: | no |
Version: | CSS3 |
JavaScript syntax: | object.style.backfaceVisibility="hidden" |
語法
backface-visibility: visible|hidden;
值 | 描述 |
---|---|
visible | 背面是可見的。 |
hidden | 背面是不可見的。 |