Главная » 2010 » Декабрь » 31 » Имитация градиента
20:27:56
Имитация градиента

Имитация градиента с помощью CSS.
Имитация синего,серого и зелёного градиентов.

Установка:
В CSS в самый низ ставим:

Code
h1.gr1, h1.gr2, h1.gr3 {
font: 32px Georgia, "Times New Roman";
position: relative;
color: #0094D6;
margin: 10px 0;
padding: 0;
}
h1.gr2 {color: #98CA00}
h1.gr3 {color: #666}
h1.gr1 b, h1.gr2 b, h1.gr3 b {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 23px;
background: #FFF;
opacity: 0.63;
filter: alpha(opacity=63);
-moz-opacity: 0.63;
overflow: hidden;
}

Затем туда,где будет текст с градиентом ставим:

Code
<h1 class="gr1">Имитация синего градиента<b></b></h1>
<h1 class="gr2">Имитация зелёного градиента<b></b></h1>
<h1 class="gr3">Имитация серого градиента<b></b></h1>

Текст заменяем на свой.

Скрипты для uCoz | Просмотров: 624 | Добавил: RAIDER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]