"CSS backface-visibility：3D 翻转的正背面控制"

概述`backface-visibility` 决定在 3D 变换使元素背面朝向用户时是否可见，常在卡片翻转效果中隐藏背面，避免镜像文本与视觉干扰。示例.scene { perspective: 800px } .card { transform-style: preserve-3d; transition: transform 300ms } .card__face { backface-visibility: hidden } .card.flipped { transform: rotateY(180deg) } 工程建议可访问性：在动效降低偏好下禁用翻转；提供无需翻转的内容路径。性能：限制 3D 层级与动效范围；避免在低端设备过度使用。兼容：测试不同浏览器的背面呈现；提供 2D 回退样式。参考与验证MDN `backface-visibility` 文档：https://developer.mozilla.org/docs/Web/CSS/backface-visibility