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

PHPz

Lepaskan： 2023-08-30 12:49:10

ke hadapan

1326 orang telah melayarinya

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

Salin selepas log masuk

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!

sumber：tutorialspoint.com

Artikel sebelumnya：Gunakan CSS untuk menetapkan keluarga fon yang berbeza untuk skrin dan cetakan Artikel seterusnya：CSSue-sebelum harta

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang