Skip to content

Instantly share code, notes, and snippets.

@grav

grav/spreadmethod.html

Created January 25, 2021 14:27
Show Gist options
  • Save grav/7f97e420dab2fa8c292b657b5f64820f to your computer and use it in GitHub Desktop.
Save grav/7f97e420dab2fa8c292b657b5f64820f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
spreadmethod.html
<html>
<svg width="220" height="150" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="PadGradient"
x1="33%" x2="67%">
<stop offset="0%" stop-color="fuchsia"/>
<stop offset="100%" stop-color="orange"/>
</linearGradient>
<linearGradient id="ReflectGradient" spreadMethod="reflect"
x1="33%" x2="67%">
<stop offset="0%" stop-color="fuchsia"/>
<stop offset="100%" stop-color="orange"/>
</linearGradient>
<linearGradient id="RepeatGradient" spreadMethod="repeat"
x1="33%" x2="67%">
<stop offset="0%" stop-color="fuchsia"/>
<stop offset="100%" stop-color="orange"/>
</linearGradient>
</defs>
<rect fill="url(#PadGradient)"
x="10" y="0" width="200" height="40"/>
<rect fill="url(#ReflectGradient)"
x="10" y="50" width="200" height="40"/>
<rect fill="url(#RepeatGradient)"
x="10" y="100" width="200" height="40"/>
</svg>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment