Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.142.174.13
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Имитация градиента
Сообщение оставлено 21.01.2011 в 12:13:26 | Сообщение #1

[Table]Имитация градиента с помощью CSS.
Имитация синего,серого и зелёного градиентов. [/Table]
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>
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика