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

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

Поделиться
vkontakte
odnoklassniki
twitter
facebook
gplus
mail
Генератор тени текста CSS text-shadow онлайн бесплатно
Генератор 3D текста CSS
Интересные картинки с сайта-партнера
Прикольные фото 28 шт.
С колесами явно, что то не так

смотреть все...

За секунду до... 28 фото

смотреть все...

Мастер фотошопа 21 фото
Как вам моя новая машина.

смотреть все...

При помощи генератора тени 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 генератора тени
ГЛАВНАЯ
РЕСУРСЫ
О НАС