» » >

Эффект тени у объекта - box-shadow

18.09.2013, 20:09





Поддерживается следующими браузерами:

Mozilla Firefox ( 3.5 и выше )
Google Chrome ( 2 и выше )
Opera ( 10.50 и выше )
Apple Safari ( 3.0 и выше )


Описание свойства:

Давайте рассмотрим небольшой пример

HTML-Code

.block-1 {box-shadow: 0px 0px 10px #888;}

Первое значение ( 0px ) - обозначает смещение тени по горизонтали.
Второе значение ( 0px ) - обозначает смещение тени по вертикали.
Третье значение ( 10px ) - обозначает размытие тени.
Четвертое значение (#888) - обозначает цвет тени.

Это нововведение, существенно облегчает всем жизнь, больше не придётся рисовать в Фотошопе тень, потом разрезать и верстать, вспомнили сколько на это уходило времени и сил. Теперь достаточно прописать css стили и вуаля, мы имеем нужную тень у нужного объекта.

Категория: HTML-CSS | Добавил: tashkent97
Просмотров: 719 | Загрузок: 72 | Источник: www.center-dm.ru | Рейтинг: 5.0/1
Всего комментариев: 0
dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Яндекс.Метрика Яндекс цитирования<