Есть ли простой способ стилизации текста с помощью градиентов?

Question

можно стилизовать фон с помощью градиентов, таких как: background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));

Есть ли способ стилизации текста с градиентами? Я искал что-то вроде: color-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); но не смог найти ничего простого.

Спасибо за вашу помощь.

Answer 1

Это возможно.Вам просто нужно объединить фоновое изображение с фоновым клипом: text: см. этот самый превосходный пример здесь.

background: url(/bgclip/img/paint.png) repeat, white;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;

Answer 2

это невозможно с чистым CSS, если вы не используете изображение для покрытия шрифта: http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/ Вы можете использовать ту же технику, но использовать градиент от цвета к прозрачному в элементе наложения.

вот пример с чистым CSS и дополнительным элементом: http://jsfiddle.net/Lub7z/