用 CSS 确定元素在不面向屏幕时是否可见

ID:13258 / 打印

用 css 确定元素在不面向屏幕时是否可见

要确定一个元素在不面向屏幕时是否可见,请使用backface-visibility属性:

示例

实时演示

<!DOCTYPE html> <html> <head>    <style>       .demo1 {          position: relative;          width: 150px;          height: 150px;          background-color: yellow;          perspective: 80px;          margin: 50px;          perspective-origin: left;          transform: rotateY(180deg);       }       .demo2 {          position: absolute;          padding: 20px;          background-color: orange;          transform-style: preserve-3d;          transform: rotateX(45deg);          backface-visibility: visible;       }       </style>    </head>    <body>       <h1>Rotation</h1>       <div class = "demo1">Demo          <div class = "demo2">Demo</div>       </div>    </body> </html>
上一篇: CSSue-before 属性
下一篇: 使用 CSS 为屏幕和打印设置不同的字体系列

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。