Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<svg style="border: 1px solid gray;">
<defs>
<linearGradient id="testGradient">
<stop stop-color="#000000" offset="0%"/>
<stop stop-color="#000000" offset="50%"/>
<stop stop-color="#3dcd58" offset="50%"/>
<stop stop-color="#ff4a4a" offset="100%"/>
</linearGradient>
</defs>
<text fill="url(#testGradient)" x="50" y="50" font-weight="bold" font-size="40">
Test gradient</text>
</svg>
</body>
</html>