transform-compound-ref.html (1006B)
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="Robert O'Callahan" href="mailto:robert@ocallahan.org"> 7 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 8 <style> 9 body { 10 overflow: hidden; 11 } 12 div { 13 transform-origin: top left; 14 } 15 body > div { 16 position: relative; 17 left: 200px; 18 top: 0; 19 } 20 div.test { 21 background-color: gold; 22 width: 200px; 23 height: 100px; 24 } 25 </style> 26 </head> 27 <body> 28 <div> 29 <div style="transform: translate(100px);"> 30 <div style="transform: scale(2);"> 31 <div style="transform: rotate(90deg);"> 32 <div style="transform: skewX(15deg);"> 33 <div class="test"> 34 </div> 35 </div> 36 </div> 37 </div> 38 </div> 39 </div> 40 </body> 41 </html>