css中的backface-visibility属性怎么用

晶晶 • 09/06 15:29 • 程序猿 • 阅读 22

这篇文章给大家分享的是有关css中的backface-visibility属性怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
　　CSS3backface-visibility属性
　　作用：backface-visibility属性定义当元素不面向屏幕时是否可见。如果在旋转元素不希望看到其背面时，该属性很有用。
　　语法：
　　backface-visibility:visible|hidden;
　　visible：背面是可见的。
　　hidden：背面是不可见的。
　　注：只有InternetExplorer10+和Firefox支持backface-visibility属性；Opera15+、Safari和Chrome支持需使用-webkit-backface-visibility属性替代。
　　CSS3backface-visibility属性的使用示例
　　

　　div
　　{
　　position:relative;
　　height:60px;
　　width:60px;
　　border:1pxsolid#000;
　　background-color:yellow;
　　transform:rotateY(180deg);
　　-webkit-transform:rotateY(180deg);/*ChromeandSafari*/
　　-moz-transform:rotateY(180deg);/*Firefox*/
　　}
　　#div1
　　{
　　-webkit-backface-visibility:hidden;
　　-moz-backface-visibility:hidden;
　　-ms-backface-visibility:hidden;
　　}
　　#div2
　免费云主机域名　{
　　-webkit-backface-visibility:visible;
　　-moz-backface-visibility:visible;
　　-ms-backface-visibility:visible;
　　}
　　
　　
　　
　　本例有两个div元素，均旋转180度，背向用户。
　　第一个div元素的backface-visibility属性设置为”hidden”，所以应该是不可见的。
　　DIV1