PHP前端开发

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

百变鹏仔 3个月前 (09-20) #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>