[Table]ффект тени у объекта - box-shadow
Сейчас, многие администраторы своих проектов, используют тень для того или иного элемента, благодаря графическим изображениям gif или png формата. На смену такому решению, приходит свойство box-shadow, нового стандарта CSS3.[/Table] Пример демо - http://www.center-dm.ru/data/CSS_3/box-shadow/index.html
Поддерживается следующими браузерами:
Mozilla Firefox ( 3.5 и выше )
Google Chrome ( 2 и выше )
Opera ( 10.50 и выше )
Apple Safari ( 3.0 и выше )
[Table]Описание свойства:
Давайте рассмотрим небольшой пример[/Table]
[Table]
[Table]HTML-Code[/Table]
Code
.block-1 {box-shadow: 0px 0px 10px #888;}
[Table]Первое значение ( 0px ) - обозначает смещение тени по горизонтали.
Второе значение ( 0px ) - обозначает смещение тени по вертикали.
Третье значение ( 10px ) - обозначает размытие тени.
Четвертое значение (#888) - обозначает цвет тени.[/Table]
Это нововведение, существенно облегчает всем жизнь, больше не придётся рисовать в Фотошопе тень, потом разрезать и верстать, вспомнили сколько на это уходило времени и сил. Теперь достаточно прописать css стили и вуаля, мы имеем нужную тень у нужного объекта.
