communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

Maison > interface Web > tutoriel CSS > Utilisez CSS pour déterminer si un élément est visible lorsqu'il n'est pas face à l'écran

Utilisez CSS pour déterminer si un élément est visible lorsqu'il n'est pas face à l'écran

PHPz

Libérer： 2023-08-30 12:49:10

avant

1427 Les gens l'ont consulté

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

Pour déterminer si un élément est visible lorsqu'il n'est pas face à l'écran, utilisez la propriété backface-visibility :

Exemple

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>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Article précédent：Utilisez CSS pour définir différentes familles de polices pour l'écran et l'impression Article suivant：Propriété CSSue-avant

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur