mask-image-svg-gradient-zoomed.html (471B)
1 <!DOCTYPE html> 2 <title>linear-gradient() mask-image on <rect> in zoomed SVG</title> 3 <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> 4 <link rel="help" href="https://drafts.fxtf.org/css-masking/#svg-masks"> 5 <style> 6 svg { 7 zoom: 2; 8 } 9 </style> 10 <p>Test passes if there is a filled green square.</p> 11 <svg> 12 <rect width="50" height="100" fill="green" 13 style="mask-image: linear-gradient(black 50px, transparent 50px)"/> 14 </svg>