最終更新日 2021年6月20日

backface-visibilityプロパティ

backface-visibilityは、要素の背面の表示/非表示を切り替えるプロパティです。

要素に回転などの3D変形を適用した結果、要素ボックスの背面がユーザー側になるときに、要素ボックスを表示するかどうかを指定できます。

背面を表示する場合は「visible」、要素ボックスを隠す場合は「hidden」を指定します。

CSS3での変更点

・backface-visibilityは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
visible	ブロックレベル要素、インラインレベル要素	なし

値	説明
visible	背面を表示します。（初期値）
hidden	要素ボックスを隠します。

サンプルコード

backface-visibility: visible;
backface-visibility: hidden;

参考文献：CSS Transforms

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。