backface-visibility属性指定当元素背面朝向观察者时是否可见。元素的背面总是透明的,当其朝向观察者时,显示正面的镜像。
在某些情况下,我们不希望元素内容在背面可见,比如实现翻牌效果。
因为2D变换无透视效果,故该属性对2D变换无效。
![](https://img.haomeiwen.com/i13482814/f05106e20891e2cd.png)
![](https://img.haomeiwen.com/i13482814/db55f86b50d650f3.png)
示例:有透明面的立方体
![](https://img.haomeiwen.com/i13482814/e4c1c67d9410431f.png)
![](https://img.haomeiwen.com/i13482814/87a2fbdad2ca5cf0.png)
![](https://img.haomeiwen.com/i13482814/6c3079498d047051.png)
![](https://img.haomeiwen.com/i13482814/12c984d9afac5a16.png)
结果
![](https://img.haomeiwen.com/i13482814/e42490a69347b7f1.png)
backface-visibility属性指定当元素背面朝向观察者时是否可见。元素的背面总是透明的,当其朝向观察者时,显示正面的镜像。
在某些情况下,我们不希望元素内容在背面可见,比如实现翻牌效果。
因为2D变换无透视效果,故该属性对2D变换无效。
示例:有透明面的立方体
结果
本文标题:CSS3中backface-visibility的属性详解
本文链接:https://www.haomeiwen.com/subject/rnbwfqtx.html
网友评论