Смысл прост — оформляем обыкновенный текст как конфетку с помощью css.
Cначала просто посмотрите Пример и поймите, что это Вам реально пригодиться!
Принцип по своему прост и гениален, накладываем на ваш текст нужный градиент или текстуру, точно также как и в любом графическом редакторе.
Градиент должен быть прозрачной png картинкой.
Плюсы этого способа
* Минимум графики
* Кросс-браузероность
* SEO(Это ТЕКСТ, а не графика, так что его будут учитывать ПС)
* Опциональнасть (Текст можно легко конфигурировать — менять шрифт, цвет, да что угодно…)
Реализация способа
Пишими текст, к пример заголовок(h1) Вставляем в него блок с нашим будущим градиентом(<span></span>).
Код
<h1><span></span>Привет, Я градиентный текст</h1>
Теперь оформляем текст и самое главное блок.
h1 {
font: bold330%/100%"Lucida Grande";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png)repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}
font: bold330%/100%"Lucida Grande";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png)repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}