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>

以上是 CSS背面可见性属性 的全部内容, 来源链接: utcz.com/z/338348.html

回到顶部