perspective-zero-3.html (913B)
1 <!DOCTYPE html> 2 <meta charset=UTF-8> 3 <title>CSS Test: perspective(0)</title> 4 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 5 <link rel="author" title="Google" href="http://www.google.com/"> 6 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#perspective-property"> 7 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/413"> 8 <meta name="assert" content="perspective: 0 should be clamped to 1px"> 9 <link rel="match" href="reference/green.html"> 10 <style> 11 #outer { 12 width: 100px; 13 height: 100px; 14 background: red; 15 perspective: 0; 16 perspective-origin: top left; 17 } 18 #inner { 19 width: 50px; 20 height: 50px; 21 background: green; 22 /* perspective: 0 should be treated as perspective(1px), which should 23 * cause this box to be much larger. */ 24 transform: translateZ(0.5px); 25 } 26 </style> 27 <p>Pass if there is NO red below:</p> 28 <div id="outer"><div id="inner"></div></div>