Заглавие при което всяка буква е в различен цвят

[NevarMore]

Въпросът ми е как може да се направи примерно едно заглавие от рода

<h1>ЗАГАВИЕ</h1>

всяка една буква да е в различен цвят?!

*Забележка: Говорим за точно зададени цветове а не random

:?:

 

[vojda_na_inkite]

<h1><span style="color:red">З</span><span style="color:green">А</span><span style="color:white">Г</span><span style="color:brown">А</span><span style="color:yellow">В</span><span style="color:blue">И</span><span style="color:black">Е</span></h1>

Като на мястото на цветовете си слагаш хекс кода на цвета които искаш

 

[ventsi34]

има начин това да се генерира с javascript ако искаш да е по автоматизирано и да изчистиш html-a

 

[bytheway]

Вместо да се занимаваш да правиш нещата на ръка по-добре използвай Lettering.js . Това огражда всяка буква в отделен <span>, който след това можеш да контролираш чрез CSS.

*vojda_na_inkite: Кода, който си предложил е доста непрактичен. Най-вече защото използваш CSS като инлайн стил. Бягай от тази практика сякаш е огън. Има повече зло в нея отколкото ползи

 

[vojda_na_inkite]

@bytheway знам че не е добре да използвам CSS инлайн аз исках да му покажа принципа пък той вече ще си сложи класове или ид-та и ще си ги сложи в някой CSS файл!

Показал съм му възможно най-лесния начин вместо да го затруднявам с JS и други такива по-сложни неща

 

[NevarMore]

Няма ли начин да зададеш на css всяка буква примерно Н да е с цвят едисикакъв