mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-01-24 10:12:25 -05:00
12 lines
535 B
HTML
12 lines
535 B
HTML
|
<link rel="match" href="reference/simple-svg-mask-ref.html" />
|
||
|
|
<svg width="200" viewBox="-10 -10 120 120">
|
||
|
|
<mask id="myMask">
|
||
|
|
<!-- Everything under a white pixel will be visible -->
|
||
|
|
<rect x="0" y="0" width="100" height="100" fill="white" />
|
||
|
|
<!-- Everything under a black pixel will be invisible -->
|
||
|
|
<rect x="0" y="0" width="50" height="100" fill="black" />
|
||
|
|
</mask>
|
||
|
|
<rect x="-10" y="-10" width="120" height="120" fill="blue" />
|
||
|
|
<rect x="10" y="10" width="80" height="80" fill="red" mask="url(#myMask)" />
|
||
|
|
</svg>
|