Сянката на текст с CSS

Сергей Syroezhkin копирайтър

Така че, вече сте добавили трети страни шрифтове на сайта си, задайте желания размер на шрифта и цвета. Научили да управляват шрифта декорации. Сега е време да се говори за това как да добавите сянка на HTML шрифт.

Сянката на текста не може да се направи с помощта на HTML, най-правилния и лесен начин да се направи сянката - CSS. За тази цел има специален CSS сянка собственост (текст сянка). Помислете за неговото прилагане:

Параметърът текстови сянката се определя, както следва:

Ако сянка за текста трябва да бъдат отстранени, просто напишете:

Сега нека разгледаме по смисъла на тези параметри и как да ги настроите правилно:

  • Изместване X ос (Y) - показва компенсира сянката на X (Y) ос. Параметърът може да бъде дефинирана като броя на положителни и отрицателни. В първия случай, сянката ще бъде изместена надясно (надолу), във втората - в ляво (горе);
  • Сянка замъгляване радиус - с увеличаване на стойностите на увеличаване на размера на сянка, тя става по-гладка и светла. изглаждане изглежда по различен начин, когато се показва в различни браузъри;
  • Цвят - задава цвета на сянката.

Всички параметри, с изключение на цветовете са посочени в пиксели (пиксели). Цветът може да бъде определен като името (червено, зелено, синьо) и шестнадесетичен (# 383838).

Сенки могат да се комбинират. За да направите това, трябва да се регистрирате няколко сенки, разделени със запетаи:

съвместимост различни браузъри

На практика всички съвременни браузъри работят правилно със сенки, и са в състояние да показват голямо разнообразие от нюанси. Но ние трябва да помним, че някои браузъри имат проблем с това. Например, Internet Explorer браузър вече поддържа текстови сянка имот започва само с версия 10. В по-ранни версии се използва филтър имот:

Записаният код създава цвят сенки # 787878, с ъгъл от 60 градуса спрямо вертикала и офсетов 2 в пиксел.

Ход CSS текст

С може да се направи на имот текстови сянката и инсулт текст. Са както следва: за текста са 8 нюанси за всички възможни комбинации на X и Y: 1,0; 1.1. ; 1, -1. Умение текст сянка в този случай тя изглежда така:

В примера, текста на бял цвят ще бъде черен инсулт 2 пиксела.