gradient-live-01-ref.svg 742 B

1234567891011121314151617
  1. <svg xmlns="http://www.w3.org/2000/svg"
  2. xmlns:xlink="http://www.w3.org/1999/xlink" font-size="80">
  3. <linearGradient id="grad1" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
  4. <stop id="green" stop-color="#00dd00" offset="0"/>
  5. <stop id="blue" stop-color="#0000dd" offset="0.5"/>
  6. <stop id="magenta" stop-color="magenta" offset="1"/>
  7. </linearGradient>
  8. <rect x="20" y="20" width="440" height="80" fill="url(#grad1)" />
  9. <linearGradient id="grad2" xlink:href="#grad1"/>
  10. <rect x="20" y="150" width="440" height="80" fill="url(#grad2)" />
  11. <text x="20" y="300" width="440" height="80" fill="url(#grad1)">gradiation</text>
  12. <text x="20" y="400" width="440" height="80" fill="url(#grad2)">gradiation</text>
  13. </svg>