css-scale-nested-001.html (1342B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Transforms Test: scale 0 on a parent with a child</title> 5 <link rel="author" title="Amol Shanbhag" href="mailto:amolvshanbhag@yahoo.com"> 6 <link rel="reviewer" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"> 8 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> 9 <meta name="assert" content="Child square element is transformed (scaled to zero) along with the parent element"> 10 <link rel="match" href="reference/css-scale-nested-ref.html"> 11 <style type="text/css"> 12 div{ 13 position: absolute; 14 } 15 .greenSquare { 16 width: 100px; 17 height: 100px; 18 background: green; 19 } 20 .parentredSquare { 21 width: 100px; 22 height: 100px; 23 background: red; 24 transform: scale(0); 25 } 26 .childredSquare { 27 top: 25px; 28 left: 25px; 29 width: 50px; 30 height: 50px; 31 background: red; 32 } 33 p{ 34 padding-top: 130px; 35 } 36 </style> 37 </head> 38 <body> 39 <div class="greenSquare"></div> 40 <div class="parentredSquare"><div class="childredSquare"></div></div> 41 <p>The test passes if there is a green square and no red.</p> 42 </body> 43 </html>