Transform-style 속성을 사용하여 중첩된 요소가 3D 공간에서 렌더링되는 방식을 설정하세요.
다음 코드를 실행하여 변환 스타일 속성
실시간 데모
<!DOCTYPE html> <html> <head> <style> .demo1 { width: 300px; height: 300px; background-color: yellow; } .demo2 { width: 200px; height: 200px; background-color: orange; } .demo3 { width: 100px; height: 100px; background-color: blue; transform: rotate(10deg); transform-origin: 30% 40%; transform-style: preserve-3d; } </style> </head> <body> <h1>Rotation</h1> <div class = "demo1">Demo <div class = "demo2">Demo <div class = "demo3"> Demo </div> </div> </div> </body> </html>을 구현할 수 있습니다.
위 내용은 CSS에서 전환 스타일 속성 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!