メモログ

CSS Transforms:backface-visibility

CSS Transforms にはbackface-visibilityという設定もあって、これはその名の通り、背面側を表示するかどうかの設定。

たとえば rotateY(180deg)とすると、通常は表示されない背面側が画面上に現れる。通常、背面は表側の鏡像のようになる。文字も鏡に映したように逆さまになる。backface-visibility: hidden に設定すると、背面側が画面上に現れたら、要素が非表示となる。

3D-transformed elements show the same content on both sides, so the reverse side looks like a mirror-image of the front side (as if the element were projected onto a sheet of glass). Normally, elements whose reverse side is towards the viewer remain visible.

backface-visibility | MDNの例が分かりやすい。

CSS Transforms 関連記事

私について

Yutaka Yamaguchi
東京在住。TypeScript, Node.js, Reactなどフロンエンドが主力。Perlも書く。SwiftやRubyも過去には使ってた。過去のTOEIC 860くらい。