1841355-1.html (496B)
1 <!DOCTYPE html> 2 <!-- This a simplified form of the WPT css/css-transforms/skew-test1.html --> 3 <style> 4 svg { 5 position: absolute; 6 } 7 8 div { 9 width: 150px; 10 height: 150px; 11 background-color: white; 12 } 13 14 .skew_div { 15 transform: skew(30deg,20deg); 16 transform-origin: 0 0; 17 } 18 </style> 19 </head> 20 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300" height="300"> 21 <polygon points="1,1 149,56 235,203 88,149" style="fill:red"/> 22 </svg> 23 24 <div class="skew_div"></div>