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

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

Генератор тени CSS box-shadow
Генератор тени текста CSS text-shadow
Генератор границы текста CSS text-border
Генератор 3D текста CSS
Ошибки и пожелания
vkontakte
odnoklassniki
twitter
mail

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

Пример блока
Код для вставки:
{
filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
text-shadow:1px 1px 1px 1px rgba(0,0,0,1);
-webkit-text-shadow:1px 1px 1px 1px rgba(0,0,0,1);
-moz-text-shadow:1px 1px 1px 1px rgba(0,0,0,1);
}
px
px
px
px

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

  • filter: progid:DXImageTransform.Microsoft.DropShadow – для браузеров Internet Explorer до 9 версии,
  • text-shadow – для большинства браузеров,
  • -webkit-text-shadow  - для браузеров Safari до версии 5.1, Chrome до версии 10.0, Android до версии 4.0 и iOS Safari до версии 5.0,
  • -moz-text-shadow – для браузеров Firefox до версии 4.0

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

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

Пример работы CSS генератора тени текста text-shadow

Пример работы CSS генератора тени текста
© 2016-2024 / Tamali.net – сайт помощник в заполнении и печати бланков, форм и документов. Калькуляторы и конвертеры, различные инструменты.