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

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

Поделиться
vkontakte
odnoklassniki
twitter
facebook
gplus
mail
Генератор тени CSS box-shadow онлайн бесплатно
Генератор 3D текста CSS
Интересные картинки с сайта-партнера
Показалось не то что на самом деле 26 фото
Как она сложила ноги. Вы это заметили?

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

Угадай страну 26 фото
Газель на воздушной подушке

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

Мастер фотошопа 21 фото
Не сильно я лопоухий получился на этом фото

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

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