Как сделать текст градиент в html?

Как сделать текст градиент в html?
Гость
Ответ(ы) на вопрос:
Гость
Для этого можно воспользоваться векторной графикой SVG. Сначала нужно определить цвета градиента. Когда все необходимые определения установлены нужно только добавить текст и связать атрибут fill с атрибутом id градиента. <svg> <defs> <linearGradient id="textgradient" x1="0%" x2="0%" y1="0%" y2="100%"> <stop stop-color = "#999" offset = "0%"/> <stop stop-color = "#111" offset = "100%"/> </linearGradient> </defs> <text x="0" y="80" font-size="72" font-weight="bold" fill="url(#textgradient)" stroke="none">ТЕКСТ Градиент</text> </svg> Получиться примерно так: Прикреплено 1 изображение:
Не нашли ответ?
Ответить на вопрос
Похожие вопросы