Создать тень в CSS -

Создание сайта с нуля на основе движка Joomla в последнее время стало набирать обороты.

Потому что шаблонов да и ещё бесплатных очень много и создать структуру сайта не так и сложно, но все же если вы решились создавать большие сайты или порталы, вам нужны знания.

Данный видео урок поможет вам освоить все мастерство создания сайта с нуля на CMS Joomla.

Подробнее

Для создания интернет магазина нужны большие знания так как незнания хоть какого то элемента может подставить под угрозу полностью бизнес.

Данный комплекс видео уроков, покажет вам на примере как нужно изготовлять интернет магазины чтобы они корректно работали.

Также вас научать изменять некоторые части в дизайне для того чтобы все подходило одно к другому.

Подробнее

Создать тень в CSS

Разработчики в CSS уже скорее создали функцию text-shadow но только недавно она начала коректно работать. Ниже в статье будет описана работа данного свойства.

Синтаксис
И так смотрим на картинку что выше и первые цифры это смещения тени обэкта по горозонтали. Управлять тень вправо в лево можно отрицательными значениями тоесть если например будет цифра "52" тогда тень сместится в право от текста но вот если будет "-52" тогда тень сместится в лево.

Точно также и по вертикале мы задаем значения это вторая цыйра на картинке.

А вот третья цифра определяет насколько тень будет размыта. Если здесь не указать ничего тогда с тень ничего происходить не будет

Создания эффектов с text-shadow

С помощью text-shadow теперь можно делать то что раньше можно было сделать только с помощью фотошопа или другого графического редактора.

Примеры использования данного свойства :

1. В данном примере указан способ использования несколька теней.
color:#F2B405;
text-shadow: 0 0 4px #F24405,
0 -5px 4px #F27405,
2px -10px 6px #F29F05,
-2px -15px 11px #F2E205,
2px -18px 18px #222601;

2. В данном примере будет отображатся текст в 3D стиле
color:#F2B405;
text-shadow: 2px 2px #F27405,
3px 3px #F27405,
4px 4px #F27405,
5px 5px #F27405