css тень текстаЗдравствуйте, уважаемый читатель моего блога. В этой статье вы научитесь создавать за 5 минут с помощью стилей css и кода html тень текста. 

Использование тени для текста является одним из самых популярных методов улучшения дизайна веб-сайта. В самом деле ведь приятно читать сайт с красивым дизайном. Если вы владеете фотошоп, то проблем нет. Там многое можно сделать. А если нет, что делать?

Ну, конечно, тень текста можно сделать с помощью css и html. Многие задаются вопросом как это сделать не зная css и html. Да очень просто!

Создаем css тень текста кодом html

Всего-то в ваш текст надо вставить код типа этого в текстовом режиме. (Переключить с Визуально на Текст вкладки вверху справа)

Получиться вот такое – CSS ТЕНЬ ТЕКСТА HTML

Где переменные в text-shadow означают по порядку –

  • расстояние по Y,
  • расстояние по X,
  • размер размытия,
  • цвет тени и непрозрачность.

Можете поиграть этими параметрами и увидите разницу. Если самим сложно, то можно воспользоваться css генератором http://css3gen.com/text-shadow/.

Есть и другие генераторы, но этот мне показался самым легким. Вообще любые генераторы – это находка для веб-мастеров. Очень сильно время экономят.

В момент написания следующие браузеры поддерживают свойства CSS3 тени текста

Браузер Поддержка текст-тень
Firefox 3.1+ Полная поддержка
Firefox 1-3 Нет
Safari 4+ Полная поддержка
Safari 3.1+ Частичная поддержка
Chrome 2+ Полная поддержка
Chrome 1 Нет
IE9 Полная поддержка
Opera 9.5+ Полная поддержка

Получилось? Я просто уверена, что получилось.

Теперь вы можете сделать тень текста с помощью стилей css и кода html за 5 минут!

Удачи! тень текста htmlВозможно вам это будет интересно

Как сделать кнопку скачать с помощью кода css
Как сделать кнопки вверх вниз для сайта
Как добавить кнопки социальных сетей
Как защитить текст от копирования. Часть 1.
Как защитить текст от копирования. Часть 2.

НадеждаСкрипты и кодыcss тень текста,тень текста css генератор,тень текста html
Здравствуйте, уважаемый читатель моего блога. В этой статье вы научитесь создавать за 5 минут с помощью стилей css и кода html тень текста.  Использование тени для текста является одним из самых популярных методов улучшения дизайна веб-сайта. В самом деле ведь приятно читать сайт с красивым дизайном. Если вы владеете фотошоп, то проблем нет. Там многое можно сделать....

Возможно Вас также заинтересует:

Убираем с главной страницы и RSS записи рубрики
Продолжаем улучшать функционал и внешний вид сайта. Убираем ненужные записи с главной страницы и RSS.   
Увеличение изображения на сайте – очень простой способ
Конечно, способов увеличения изображений существует достаточно много. И в основном используются применения скриптов и плагинов. По-моему мнению такие методы оправданы в случае ресурсов с огромным ...
Хлебные крошки на сайте wordpress
Хлебные крошки на сайте - что это и как сделать? 
Как сделать кнопку скачать с помощью кода css
Здравствуйте, уважаемый читатель моего блога. Продолжаю тему о кнопках. В этой статье пойдет речь о том как сделать кнопку скачать с помощью кода css.
Как сделать кнопки вверх вниз для сайта
Эта статья написана в продолжение статьи о том, как сделать кнопку вверх для сайта.
Как добавить кнопки социальных сетей
В этой статье просто хочу поделиться скриптом, который устанавливается на сайт и в результате добавляются красивые кнопки социальных сетей, передвигающиеся вслед за просмотром. Вдруг кому-то ...
Как убрать автора поста wordpress
Данная статья посвящена теме как убрать автора в статье или на странице wordpress.  Причем, убирать автора вордпресс будем способом правки кода шаблона. 
Вывод php кода в блоге на WordPress
Эта тема, наверно, будет интересна для веб мастеров, которым надо в запись вставить php код.