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