Подскажите хороший способ задания градиента для текста

[Zverushka]

Подскажите хороший способ задания градиента для текста.

Насколько я знаю есть плагины на jquery, не вызовут ли они тормозов? (не подскажете неплохой плагин, которым вы пользуетесь?)

Прозрачная картинка через span - делает невозможным нормальное выделение текста - верно?

Может есть css3 возможность сделать градиент? Если да, то какова кроссбраузерность метода?

Edited October 27, 2013 by Zverushka

[Zverushka]

Мне пришел в голову один интересный способ, который вроде не был нигде не описан - генерировать псевдо слой с hlsa тенью - сквозь тень можно выделять.

Типа вот пример, но единственная сложность - это тяжело сформулировать параметры тени сколько там и каких пикселей написать...

http://jsfiddle.net/z9MGJ/

Конечно при неравномерном фоне не прокатывает http://jsfiddle.net/z9MGJ/1/

А метод через слои с картинками или градиентами будет работать при таком фоне?

Edited October 27, 2013 by Zverushka

[Vlad]

Хром поддерживает background-clip со значением text, можно использовать это для фона под текстом.

http://jsfiddle.net/htmlbook/Z8Pdx/

Здесь показан способ через SVG, поддерживают все браузеры, IE с версии 9 только.

http://lea.verou.me/2012/05/text-masking-the-standards-way/

[npofopr]

На http://codepen.io/ очень, очень много примеров. Поиск там тоже есть.

[vtoes288]

CSS генераторы поюзай, разберёшься, что к чему, а там и сам начнёшь, удачи!

http://css3generator.com/

http://css3gen.com/text-shadow/

[Zverushka]

CSS генераторы поюзай, разберёшься, что к чему, а там и сам начнёшь, удачи!

http://css3generator.com/

http://css3gen.com/text-shadow/

И где же они генерируют текст залитый не сплошным цветом, а градиентом?

[vtoes288]

Подскажите хороший способ задания градиента для текста.

Что надо то ещё, что то я не пойму. Текст из градиента? Задай цвет тексту цвет фона, останется виден градиент только, или я не пойму в чём вопрос, скорей всего.