perspective-zero-2-ref.html (810B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS transforms: perspective: 0px reference</title> 6 <link rel="author" title="Miko Mynttinen" href="mailto:mmynttinen@mozilla.com"> 7 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 8 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 9 <link rel="author" title="Google" href="http://www.google.com/"> 10 <style type="text/css"> 11 .parent { 12 transform: perspective(0px); 13 transform-style: preserve-3d; 14 transform-origin: top left; 15 } 16 .parent > div { 17 width: 100px; 18 height: 100px; 19 position: absolute; 20 } 21 .child-3d { 22 background: green; 23 transform: translateZ(0.5px); 24 } 25 </style> 26 </head> 27 <body> 28 <p>Test passes if there is only green below.</p> 29 <div class="parent"> 30 <div class="child-3d"></div> 31 </div> 32 </body> 33 </html>