Как посредством CSS сделать разные цвета букв?

Question

[weranda]

Приветствую.
Есть надпись на сайте <span>блаблаблаиещеразбла</span> - (для примера)))
Можно ли как то задать разный стиль написания каждой буквы не обрамляя каждую тегом ?

Answer 1

[Дмитрий Харитонов]

Да, посмотрите, например, тут

Comments

[weranda]

Это совсем не то, что нужно!

[zooks]

@weranda точно, автор еще и спамит.

Answer 2

[Константин Величко]

Css никак, js оборачиваете каждую букву спаном и красите в нужный цвет
Вот недавно этим скриптом пользовался www.artlebedev.ru/tools/technogrette/js/gradient-text

Comments

[Артур Арутюнян]

СПС у меня это заработало

Answer 3

[Риточка Снегирёва]

Может так?

Answer 4

[Trow_eu]

:nth-child
но тоже то еще извращение =)
:first-letter, так что только одну (

Comments

[weranda]

:nth-child применяется вроде к тегам) мне теги не нужны!

[weranda]

Или есть какая то хитрость? Можно ли задать буквам без тегов стиль с помощью :nth-child? Что то сомневаюсь.

[Trow_eu]

вроде можно, я лого так делал, правда там только ферст чайлды были, другого цвета

[Trow_eu]

а, вспомнил, там был :first-letter, есть такой селектор.

Answer 5

[Евгений Петров]

Покрасить конкретные символы вы сможете, только есть шрифт будет моноширинный. А для оставшиеся вариантов вам уже давали ссылку на нечто подобное или каждый символ заключать в тэг.

И да — никакие селекторы без тэгов не работают (это я про nth:child, как вы понимаете:).

Answer 6

[zooks]

Есть способ с подключенным Javascript:
css-tricks.com/a-call-for-nth-everything
codepen.io/FWeinb/pen/djuIx

Answer 7

[Александр Зачиналов]

Можно и разбить на теги, что тут такого, тем более что есть помощь- letteringjs.com

Answer 8

[weranda]

Понял. Проще всё таки span использовать, остальное - конкретное извращение.