perspective-origin-4a.html (420B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>Testcase for bug 770629</title> 5 <style> 6 7 .outer { 8 position: absolute; 9 left: 100px; 10 transform: scale(0.5,1); 11 perspective: 200px; 12 perspective-origin: 50% 0px; 13 } 14 15 .inner { 16 width: 100px; 17 height: 100px; 18 background: blue; 19 transform: rotateY(0deg); 20 } 21 22 </style> 23 </head> 24 <body> 25 <div class="outer"> 26 <div class="inner"></div> 27 </div> 28 </body> 29 </html>