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

PHPzke hadapan: 2023-08-30 12:49:101317semak 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

Artikel sebelumnya：Gunakan CSS untuk menetapkan keluarga fon yang berbeza untuk skrin dan cetakanArtikel seterusnya：Gunakan CSS untuk menetapkan keluarga fon yang berbeza untuk skrin dan cetakan

Artikel berkaitan

Lihat lagi