Prev Demo
Linear Gradient With The Text
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Linear gradient with the text</title> </head> <body> <h1>Linear gradient with text</h1> <svg height="150" width="400" style="border:2px solid yellow"> <linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:green"/> <stop offset="100%" style="stop-color:magenta" /> </linearGradient> <rect x="50" y="20" width="300" height="100" fill="url(#grad3)" /> <text fill="violet " font-size="20" font-style="italic" x="100" y="80"> TechFunda </text> </svg> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
