Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Текстовые тени

.

Текстовые тени

Так же, как свойство box-shadow позволяет добавить тени к блочным элементам, свойство text-shadow добавляет тени к отдельным буквам в текстовых боках. Появившееся в CSS2, свойство text-shadow поддерживается браузером Safari начиная с версии 1, а теперь поддерживается вообще всеми современными браузерами, за исключением IE9.

Синтаксис свойства text-shadow очень похож на box-shadow, включая префиксы, смещения, возможность добавления множественных теней; разница в том, что текстовые тени нельзя растягивать и нет внутренних теней:

Текстовые тени

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

Наш текст отбрасывает полупрозрачную тень справа внизу:

Текстовые тени

Из этой записи следует, что наша тень черного цвета с 50%-ной прозрачностью располагается со смещением на три пиксела вниз и вправо и имеет небольшое значение размытия (1 рх).

Применим этот стиль, и наш рекламный баннер практически готов!

Текстовые тени

Рис. 6.7. Наша ссылка теперь отлично выглядит!


.

Читайте так же:
Not found