Можно ли задать градиентую заливку у текста при помощи css?

Можно ли задать градиентую заливку у текста при помощи css?
  • Вопрос задан
  • 216 просмотров
Решения вопроса 1
@acspro Автор вопроса
Итак после долгих мучений вопрос заново открыт. Первый ответ все таки ориентирован только на вебкит движки и случай описанный по ссылке не работает для всех браузеров если бэкгроундом идет картинка. Пока смотрю в сторону SVG - но жутко непонятно все.
-----------------------------------
Решилось так, может кому пригодиться. SVG вставляем прямо в html код
<svg  width="420" height="80">
							<defs>
								<linearGradient id="MyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
								  <stop offset="0%"   stop-color="rgb(239,40,87)" />
								  <stop offset="100%" stop-color="rgb(255,88,62)" />
								</linearGradient>
							  
								<pattern id="p-stripes" 
										 patternUnits="userSpaceOnUse"
										 width="420" height="80" 
										 viewbox="0 0 420 80">
								  <rect width="420" height="80"
										  fill="url(#MyGradient)"/>
								</pattern>
							  </defs>
						  
							<text x="0" y="97%">14 200 000</text>
						  </svg>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
w999d
@w999d
Web-developer
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы