Тени создаются с помощью CSS-свойства box-shadow
. Синтаксис свойства:
box-shadow:
[inset] — внутренняя тень
5px — смещение по x
-10px — смещение по y
[2px] — радиус размытия
[-5px] — растяжение/сжатие тени
#000000; — цвет
Вендорные префиксы:
-webkit-box-shadow: ... -moz-box-shadow: ... box-shadow: ...
Пример использования теней в HTML5:
box-shadow: 0 5px 5px -3px #344443;