该属性可以有两个值：
1. visible（默认值）： 元素的背面可见。
backface-visibility: visible;
2. hidden： 元素的背面不可见。
backface-visibility: hidden;
在使用 3D 变换时，当元素被翻转或旋转时，其背面可能会暴露出来。如果不希望用户看到元素背面的内容，可以使用 backface-visibility: hidden; 来隐藏背面。
/* 当元素进行 3D 变换时，背面不可见 */
.card {
transform: rotateY(180deg);
backface-visibility: hidden;
}
在上述示例中，.card 元素被沿 Y 轴旋转 180 度，同时使用 backface-visibility: hidden; 隐藏了背面，以确保在旋转时用户看不到元素的背面内容。
这个属性通常在进行一些 3D 变换时使用，以控制元素的可见性，但在一般的 2D 变换中通常不需要考虑。
转载请注明出处：http://www.zyzy.cn/article/detail/5989/CSS