Генератор тени блока CSS box-shadow онлайн бесплатно

Данный генератор, создает CSS код, который в последствии необходимо будет применить к нужному вам элементу у которого вы хотите создать эффект тени. При создании тени используются свойства:

• box-shadow – для большинства браузеров,
• -webkit-box-shadow  - для браузеров Safari до версии 5.1, Chrome до версии 10.0, Android до версии 4.0 и iOS Safari до версии 5.0,
• -moz-box-shadow – для браузеров Firefox до версии 4.0

При использовании тени не следует забывать, что в ряде случаев, данное свойство расширяет границы элемента, и в этом случае может появиться полоса прокрутки или сместиться сама страница.
У свойств box-shadow, -webkit-box-shadow  и -moz-box-shadow следующий синтаксис:
Свойство: none | <тень1> [,<тень2>]*
Где:

• Свойство - box-shadow, -webkit-box-shadow  или -moz-box-shadow.
• none – отменяет тень
• тень состоит из следующий элементов:
  1. сдвиг по оси X
  2. сдвиг по оси Y
  3. размытие
  4. растяжение
  5. цвет