backface-visibility
属性用于控制一个元素的背面是否可见。当元素进行3D变换时,会出现背面朝向用户,这时使用backface-visibility
属性可以控制背面是否可见,从而达到优化性能的目的。
backface-visibility
:控制元素的背面是否可见。visible
:默认值,元素的背面可见。hidden
:元素的背面不可见。使用示例:
.box {
transform: rotateY(180deg);
backface-visibility: hidden;
}
以上代码表示将.box
元素绕Y轴旋转180度,并将背面设置为不可见。