CSS를 사용하여 화면을 향하지 않을 때 요소가 표시되는지 여부 결정-CSS 튜토리얼-php.cn

집

웹 프론트엔드

CSS 튜토리얼

CSS를 사용하여 화면을 향하지 않을 때 요소가 표시되는지 여부 결정

PHPz

Aug 30, 2023 pm 12:49 PM

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

화면을 향하지 않을 때 요소가 표시되는지 확인하려면 backface-visibility 속성을 사용하세요.

예

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 id="Rotation">Rotation</h1>
      <div class = "demo1">Demo
         <div class = "demo2">Demo</div>
      </div>
   </body>
</html>

위 내용은 CSS를 사용하여 화면을 향하지 않을 때 요소가 표시되는지 여부 결정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

이 기사는 tutorialspoint에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

관련 기사

그것은 모두 헤드에있는 모든 것 : React Helmet과 함께 React 전원 사이트의 문서 헤드 관리Apr 15, 2025 am 11:01 AM

문서 헤드는 웹 사이트에서 가장 화려한 부분이 아닐 수도 있지만 웹 사이트의 성공에 중요합니다.

JavaScript의 Super () 란 무엇입니까?Apr 15, 2025 am 10:59 AM

Super ()?를 호출하는 JavaScript를 볼 때 어떤 일이 발생 하는가. 아동 클래스에서는 Super ()를 사용하여 부모의 생성자와 Super를 호출합니다. 그것의 접근

다양한 유형의 기본 JavaScript 팝업 비교Apr 15, 2025 am 10:48 AM

JavaScript에는 사용자 상호 작용을위한 특수 UI를 표시하는 다양한 내장 팝업 API가 있습니다. 뛰어나게:

액세스 가능한 웹 사이트를 구축하기가 어려운 이유는 무엇입니까?Apr 15, 2025 am 10:45 AM

나는 다른 날에 많은 회사들이 액세스 가능한 웹 사이트를 만드는 데 어려움을 겪고있는 이유에 대해 다른 프론트 엔드 사람들과 대화를 나누고있었습니다. 액세스 가능한 웹 사이트가 왜 그렇게 어려운가

'숨겨진'속성은 눈에 띄게 약합니다Apr 15, 2025 am 10:43 AM

당신이해야 할 일을 정확하게 수행하는 HTML 속성이 있습니다.

Jamstack의 속도를 숫자로 살펴보십시오Apr 15, 2025 am 10:39 AM

사람들은 Jamstack 사이트가 빠르다고 말합니다. 실제 성능 메트릭을 보면 이유를 알아 봅시다! 첫 바이트까지의 시간과 같은 일반적인 메트릭을 다룰 것입니다

실제 CSS 사용자 정의 속성 사용을위한 패턴Apr 15, 2025 am 10:34 AM

브라우저 지원이 마침내 우리가 사용할 수있는 곳에 있기 때문에 그들의 힘을 발견하기 위해 CSS 사용자 정의 속성을 가지고 놀았습니다.

Jamstack 도구 및 분류 스펙트럼Apr 15, 2025 am 10:31 AM

Jamstack의 멋진 세상이 커지면서 도움이되는 모든 서비스 및 도구 범주가 그 어느 때보 다 중요합니다. 정적 사이트가 있습니다

See all articles

핫 AI 도구

뜨거운 도구

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는