CSS3 backface-visibility プロパティ

回転した <div> 要素の裏面を表示しません：

div {
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}

定義と用法

backface-visibility プロパティは、要素の画面へ面していない（裏に隠れた）部分を、表示するかどうかを定義します。

このプロパティは、要素を回転させた場合に、その裏面を見せたくない場合に使用します。

このプロパティをより深く理解するために、デモを参照してください。

デフォルト値：	visible
継承：	継承する
アニメーション可否：	不可。animatable を参照
バージョン：	CSS3
JavaScript 構文：	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-

backface-visibility: visible|hidden|initial|inherit;

値	説明	Play it
visible	デフォルト値。裏面を表示します	Play it ❯
hidden	裏面を表示しません	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照
inherit	このプロパティは親要素を継承します。inherit を参照