1316719-1c.html (534B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>mask-image with scale transform</title> 4 <style> 5 6 body { 7 margin: 0; 8 } 9 10 #transform { 11 width: 10px; 12 height: 10px; 13 transform: scale(20); 14 transform-origin: top left; 15 padding: 5px 10px; 16 } 17 18 #mask { 19 width: 10px; 20 height: 10px; 21 background: green; 22 mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 10"><circle cx="5" cy="5" r="5" fill="black" fill-opacity="0.8"/></svg>'); 23 } 24 25 </style> 26 27 <div id="transform"> 28 <div id="mask"></div> 29 </div>