美文网首页
CSS3中backface-visibility的属性详解

CSS3中backface-visibility的属性详解

作者: 亚讯 | 来源:发表于2018-11-18 09:31 被阅读14次

backface-visibility属性指定当元素背面朝向观察者时是否可见。元素的背面总是透明的,当其朝向观察者时,显示正面的镜像。

在某些情况下,我们不希望元素内容在背面可见,比如实现翻牌效果。

因为2D变换无透视效果,故该属性对2D变换无效。

示例:有透明面的立方体

结果

相关文章

  • CSS3中backface-visibility的属性详解

    backface-visibility属性指定当元素背面朝向观察者时是否可见。元素的背面总是透明的,当其朝向观察者...

  • css动画

    参考:CSS3属性详解:动画详解[https://blog.csdn.net/lizhi1030/article/...

  • css3-transform

    CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translat...

  • CSS3属性transform详解

    CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translat...

  • CSS3的新特性;

    CSS3 Transform 转换(制作旋转、位移、缩放等效果详解); transform 的属性包括:旋转 ro...

  • CSS3属性选择器

    CSS3中属性选着器增加了3个 结构性伪类选择器 CSS3结构性伪类选择器 CSS3选择器详解二 第二部分小节 、...

  • CSS3中的transition属性详解

    前言 通过CSS3中transition属性,可以让web前端开发人员不需要javascript就可以实现简单的动...

  • 一些好的链接,有空要临幸我哦

    小刚的博客 android中xml tools属性详解 windowSoftInputMode属性详解 [Andr...

  • transform导致页面闪烁

    页面闪烁 滚动条隐藏 滚动条闪烁 可以添加这个属性backface-visibility 属性定义当元素不面向...

  • 探索CSS3动画、过渡

    title: 详解CSS3动画、过渡属性的作用date: 2017年9月21日 00:03:26tags: css...

网友评论

      本文标题:CSS3中backface-visibility的属性详解

      本文链接:https://www.haomeiwen.com/subject/rnbwfqtx.html