1714763-2-ref.html (594B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 html { 5 /* Suppress scrollbars to avoid periodical unthrottling for transform */ 6 /* animations on the compositor. */ 7 overflow: hidden; 8 } 9 body { 10 margin: 0px; 11 padding: 0px; 12 } 13 14 #target { 15 position: absolute; 16 left:100px; 17 top:100px; 18 scale:2.1; 19 } 20 #rotate { 21 transform: rotate(180deg); 22 transform-origin: 50% 50%; 23 } 24 #theimg { 25 width: 100px; 26 height: 100px; 27 clip-path: polygon(0 0,100% 0,50% 100%); 28 } 29 </style> 30 <body> 31 <div id="target"> 32 <div id="rotate"> 33 <img id="theimg" src="repeatable-diagonal-gradient.png"> 34 </div> 35 </div> 36 37 </body> 38 </html>