blob: 6b6af9e50bd9dcdcc0e030c9e71505ee856c9734 [file] [log] [blame]
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="base-gradient" x1="0" y1="0.5" x2="0" y2="0" gradientTransform="rotate(90)">
<stop offset="0%" stop-color="green"/>
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="blue"/>
<stop offset="100%" stop-color="blue"/>
</linearGradient>
<linearGradient id="repeat-gradient" href="#base-gradient" spreadMethod="repeat" />
<linearGradient id="reflect-gradient" href="#base-gradient" spreadMethod="reflect" />
</defs>
<rect fill="url(#repeat-gradient)" width="100" height="100" />
<rect fill="url(#reflect-gradient)" x="110" width="100" height="100" />
</svg>