CSS генератор тени box-shadow

Пример блока
Сдвиг по оси X:
Сдвиг по оси Y:
Растяжение тени:
Размытие тени:
Прозрачность:
Цвет тени:
box-shadow:1px 1px 1px 1px rgba(0,0,0,1);
-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,1);
-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,1);

Описание

При помощи данного генератора тени блока вы сможете легко создать CSS эффект тени у блочных элементов при помощи свойств -webkit-box-shadow, -moz-box-shadow и box-shadow.

Данный генератор создает CSS код и образец который вы сможете увидеть вверху этой страницы.

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
9+ 1.0+ 10.5+ 3.1+ 3.5+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да Да Да Да Да