CSS backface-visibility 屬性
示例
隱藏和顯示兩個已旋轉的 <div> 元素的背面
#div1 {
backface-visibility: hidden;
}
#div2 {
backface-visibility: visible;
}
自己動手試一試 »
定義和用法
backface-visibility
屬性定義了當元素的背面朝向使用者時,其背面是否可見。
元素的背面是其正面顯示影像的映象。
當元素旋轉時,此屬性非常有用。它可以讓你選擇使用者是否應該看到元素的背面。
為了更好地理解此屬性,請檢視演示。
預設值 | visible |
---|---|
繼承 | no |
可動畫 | 否。 閱讀關於可動畫屬性 |
版本 | CSS3 |
JavaScript 語法 | object.style.backfaceVisibility="hidden" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
backface-visibility | 36 | 12 | 16 | 15.4 | 23 |
CSS 語法
backface-visibility: visible|hidden|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
visible | 預設值。背面是可見的 | 試一試 » |
hidden | 背面不可見 | 試一試 » |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
HTML DOM 參考: backfaceVisibility 屬性