CSS, градиент и ссылки.

Поделиться1Сб, 23 Фев 2013 19:42:25

Автор: that'sbully
Заслуженный
Зарегистрирован: Вт, 25 Дек 2012
Сообщений: 6
Уважение: +1
Позитив: 0
Последний визит:
Пн, 23 Дек 2013 15:59:27

Всем добрый вечер. x)

Собсна, в чем дело.
Нашел CSS градиента для текста:

Спойлер

CSS:
h1 {
background: -webkit-gradient(linear, left bottom,left top,color-stop(0.2, #336),color-stop(1, #FFF));, black;
-webkit-background-clip: text;
color: transparent;
}

Вставка идет через HTML: <h1></h1>

И теперь хочется вставить его как-либо в названиях ссылок форума.
Тобишь, в от эти:

Как можно бы было это сделать?
Ибо мои попытки просто впихнуть селекторы вместо "h1" в исходном CSS не увенчались успехом.

+1

Поделиться2Вс, 24 Фев 2013 10:29:36

Автор: annoj
Заслуженный
Зарегистрирован: Вт, 18 Сен 2012
Сообщений: 143
Уважение: +6
Позитив: -7
Последний визит:
Вс, 9 Июн 2013 05:51:04

that'sbully
Все прекрасно работает как c h1 так и с другими селекторами.
Пример:

gtext {
background: -webkit-gradient(linear, left bottom,left top,color-stop(0.2, #336),color-stop(1, #FFF));, black;
-webkit-background-clip: text;
color: transparent;
}

<gtext>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </gtext>

0