Градиент для SVG-графики

С помощью svg-графики можно создавать действительно красивые изображения. Приводим пример применения градиента для заполнения эллипса. Это горизонтальный вариант градиента слева-направо от начального желтого цвета до красного. Кроме того, поверх рисунка нанесена надпись. Для тех, кому понравился рисунок, приведем код. Вы можете экспериментировать с кодом: менять цвета, направления градиента. Надпись тоже можно настроить: размер шрифта, семейство шрифта, цвет и положение надписи. А вот и сам код:
<svg height="150" width="200" > < defs> < linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="0%"> < stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" /> < stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" /> </linearGradient> </defs> < ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad3)" /> < text fill="#ffffff" font-size="36" font-family="Verdana" x="30" y="80"> UPBYTE< /text></svg>