Регистрация
Вход

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

Поделиться
vkontakte
odnoklassniki
twitter
facebook
gplus
mail
Генератор тени текста CSS text-shadow онлайн бесплатно
Генератор 3D текста CSS

При помощи генератора тени CSS можно легко и быстро создать тень для любого элемента страницы html, за исключением текста.

Пример блока
Код для вставки:
{
box-shadow:1px 1px 1px rgba(0,0,0,1);
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,1);
-moz-box-shadow:1px 1px 1px rgba(0,0,0,1);
}
px
px
px
px
px

Данный генератор, создает 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. цвет

Пример работы CSS генератора тени box-shadow

Пример работы CSS генератора тени
ГЛАВНАЯ
РЕСУРСЫ
О НАС