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

Ответы:

Саша Яковенко

10-03-2019 13:42

Для этого можно воспользоваться векторной графикой 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 изображение:

Также наши пользователи интересуются:

А на какой планете дуют самые быстрые ветра? как делают чипсы?

Картинка с текстом вопроса от пользователя Алсу Антонова

⭐⭐⭐⭐⭐ Лучший ответ на вопрос «Как сделать текст градиент в html? » от пользователя Алсу Антонова в разделе Информатика. Задавайте вопросы и делитесь своими знаниями.

Открой этот вопрос на телефоне - включи камеру и наведи на QR-код!