CSS тень от элементов

Отрисовка теней для блочных элементов (например div).

.shadow {
	box-shadow		: 5px 5px 5px #ccc;
	-moz-box-shadow		: 5px 5px 5px #ccc;
	-webkit-box-shadow	: 5px 5px 5px #ccc;
}

1. Горизонтальное смещение тени, положительное значение подразумевает, что тень будет справа от элемента, отрицательное - слева.
2. Вертикальное смещение тени, отрицательное значение подразумевает, что тень от элемента будет выше, а положительное - ниже элемента.
3. Радиус размытости, если установлен в 0, то тень будет резко заканчиваться. Иначе будет плавный переход к фону.
4. Цвет

Пример

Внутренняя тень

.shadow {
	box-shadow		: inset 0 0 10px #000000;
	-moz-box-shadow		: inset 0 0 10px #000000;
	-webkit-box-shadow	: inset 0 0 10px #000000;
}

Пример

Ссылка на оригинал