[TOREON]

Оказывается все очень просто... даже java scripts не надо изучать)))

Вот готовые коды на радость всем:

1-Тень объекта со всех сторон:

PHP код:

box-shadow:0 0 10px 0 #555555;
-webkit-box-shadow:0 0 10px 0 #555555;
-moz-box-shadow:0 0 10px 0 #555555; 


2-Тень объекта справа и снизу:

PHP код:

box-shadow:5px 5px 10px 0 #555555;
-webkit-box-shadow:5px 5px 10px 0 #555555;
-moz-box-shadow:5px 5px 10px 0 #555555; 


3-Тень объекта слева и сверху:

PHP код:

box-shadow:-5px -5px 10px 0 #555555;
-webkit-box-shadow:-5px -5px 10px 0 #555555;
-moz-box-shadow:-5px -5px 10px 0 #555555; 


4-Тень направлена внутрь объекта:

PHP код:

box-shadow:inset 0 0 10px 0 #555555;
-webkit-box-shadow:inset 0 0 10px 0 #555555;
-moz-box-shadow:inset 0 0 10px 0 #555555; 


Как Вы видете указаны 4 значения и цвет:

0 0 10px 0 #555555;

Первое значение (у меня выставлено “0″) – сдвиг на X px по горизонтали;
Второе значение – сдвиг на X px по вертикали;
Третье значение (10px) – радиус размытия (X px);
Четвертое значение – радиус растяжения тени (X px);
Ну, и пятое значение – это цвет.

Применить и проверить любую тень можно, прописав код в: Ваш стиль -> Основная таблица CSS -> Граница таблицы -> Дополнительные атрибуты CSS -> Сохранить


Браузеры, которые на данный момент поддерживают это свойство: Firefox 3.6.3 (начиная с 3.5); Opera 10.51 (10.50); Chrome 4.1.249.1045; Safari 4.0.4.