CSS 参考手册 目录

CSS3 backface-visibility 属性

backface-visibility 属性用于定义元素背面是否可见。默认情况下,元素的背面是不可见的,即不会显示在页面上。这个属性通常用于 3D 变换的元素,比如使用 transform 属性进行旋转时。

语法

-------------------- ---------------
  • visible:元素背面可见。
  • hidden:元素背面不可见。

使用方法

----- -
  ------ ------
  ------- ------
  ----------------- --------
  ---------- ----------------
  -------------------- -------
-

在上面的示例中,我们创建了一个名为 .card 的元素,设置了宽度、高度和背景颜色。然后使用 transform: rotateY(180deg); 将元素沿 Y 轴旋转 180 度,让其呈现出背面。最后使用 backface-visibility: hidden; 将背面设为不可见。

这样,在页面上只会看到元素正面,背面会被隐藏起来。

注意事项

  • backface-visibility 属性只对使用 3D 变换的元素有效,如果元素没有进行任何旋转或者使用 3D 变换,该属性将不起作用。
  • 在一些老版本的浏览器中可能不支持 backface-visibility 属性,需要进行兼容性处理。

以上就是关于 CSS 属性 backface-visibility 的详细介绍,希望能帮助你更好地理解和运用这个属性。


上一篇:CSS 属性 appearance
下一篇:CSS 属性 background