scaley.html (912B)
1 <!DOCTYPE html> 2 <head> 3 <title>CSS Test: test scale y</title> 4 <link rel="author" title="Ebay Inc." href="mailto:xiatian@ebay.com"/> 5 <link rel="help" href="https://www.w3.org/TR/css-transforms-1/#funcdef-transform-scaley"/> 6 <link rel="match" href="scaley-ref.html"/> 7 <meta name="assert" content="scale y 2"/> 8 <style type="text/css"> 9 .container { 10 position: absolute; 11 z-index: 11; 12 height: 100px; 13 width: 100px; 14 background-color:green; 15 margin-top: 200px; 16 transform: scaleY(2); 17 } 18 19 .hidden { 20 position: absolute; 21 z-index: 10; 22 height: 200px; 23 width: 100px; 24 background-color:red; 25 margin-top: 150px; 26 } 27 </style> 28 29 </head> 30 <body> 31 <p>You should see only 1 green area.</p> 32 <div class="container"> 33 </div> 34 35 <div class="hidden"> 36 </div> 37 38 </body> 39 </html>