transform-compound-notref-1.html (954B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Keith Schwarz" href="mailto:keith@keithschwarz.com"> 6 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 7 <style> 8 body { 9 overflow: hidden; 10 } 11 div { 12 transform-origin: top left; 13 } 14 body > div { 15 position: relative; 16 left: 200px; 17 top: 0; 18 } 19 div.test { 20 background-color: gold; 21 width: 200px; 22 height: 100px; 23 border: 1px solid black; 24 } 25 </style> 26 </head> 27 <body> 28 <div> 29 <div style="transform: skewX(15deg);"> 30 <div style="transform: rotate(90deg);"> 31 <div style="transform: scale(2);"> 32 <div style="transform: translate(100px);"> 33 <div class="test"> 34 </div> 35 </div> 36 </div> 37 </div> 38 </div> 39 </div> 40 </body> 41 </html>