Rumah  >  Artikel  >  hujung hadapan web  >  Gunakan CSS untuk menentukan sama ada elemen kelihatan apabila tidak menghadap skrin

Gunakan CSS untuk menentukan sama ada elemen kelihatan apabila tidak menghadap skrin

PHPz
PHPzke hadapan
2023-08-30 12:49:101333semak imbas

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

Untuk menentukan sama ada unsur kelihatan apabila tidak menghadap skrin, gunakan sifat keterlihatan muka belakang:

Contoh

Demo Langsung

<!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>

Atas ialah kandungan terperinci Gunakan CSS untuk menentukan sama ada elemen kelihatan apabila tidak menghadap skrin. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam