简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie CSS, um zu bestimmen, ob ein Element sichtbar ist, wenn Sie nicht auf den Bildschirm schauen

Verwenden Sie CSS, um zu bestimmen, ob ein Element sichtbar ist, wenn Sie nicht auf den Bildschirm schauen

PHPz
PHPznach vorne
2023-08-30 12:49:101314Durchsuche

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

Um festzustellen, ob ein Element sichtbar ist, wenn man nicht auf den Bildschirm blickt, verwenden Sie die Eigenschaft backface-visibility:

Beispiel

Live-Demo

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

Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um zu bestimmen, ob ein Element sichtbar ist, wenn Sie nicht auf den Bildschirm schauen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Verwenden Sie CSS, um unterschiedliche Schriftfamilien für Bildschirm und Druck festzulegenNächster Artikel：Verwenden Sie CSS, um unterschiedliche Schriftfamilien für Bildschirm und Druck festzulegen

In Verbindung stehende Artikel

Mehr sehen