css3-transform-scale-002.html (1128B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS Transforms Test: transform property with scale function</title> 5 <link rel="author" title="Noah Lu" href="mailto:codedancerhua@gmail.com" /> 6 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property" /> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-scale" /> 8 <link rel="match" href="css3-transform-scale-ref-002.html" /> 9 <meta name="assert" content="box width and height will be twice larger if transform scale(2) applied"> 10 <style type="text/css"> 11 .red, 12 .green{ 13 width:100px; 14 height: 100px; 15 background-color:green; 16 position: absolute; 17 top: 150px; 18 left:150px; 19 z-index:10; 20 } 21 .red{ 22 background-color:red; 23 width: 200px; 24 height: 200px; 25 left:100px; 26 top:100px; 27 z-index:9; 28 } 29 .green{ 30 transform:scale(2); 31 } 32 </style> 33 </head> 34 <body> 35 <p>The test passes if there is a green square and no red.</p> 36 <div class="red"></div> 37 <div class="green"></div> 38 </body> 39 </html>