blob: 0260cca3740cc50969c8b604a1d62044918fb4ee [file] [log] [blame]
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="repeat-gradient" x1="0" y1="0" x2="0.5" y2="0" spreadMethod="repeat">
<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="reflect-gradient" x1="0" y1="0" x2="0.5" y2="0" spreadMethod="reflect">
<stop offset="0%" stop-color="blue"/>
<stop offset="50%" stop-color="blue"/>
<stop offset="50%" stop-color="green"/>
<stop offset="100%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#repeat-gradient)" width="100" height="100"/>
<rect fill="url(#reflect-gradient)" x="110" width="100" height="100"/>
</svg>