Уласцівасць text-shadow

Уласцівасць text-shadow задае цень тэксту. У якасці значэння ўласцівасць прымае 4 параметры, якія пералічваюцца праз прабел, альбо ключавое слова none, якое адмяняе цень зусім (гэта значэнне па змаўчанні).

Сінтаксіс

cssселектар {
  text-shadow: зрух_па_x зрух_па_y размыццё колер;
}

cssселектар {
  text-shadow: none;
}

Параметры

Параметр	Апісанне
зрух па x	Задае зрушэнне ценю па восі X. Дадатнае значэнне зрушвае направа, адмоўнае - налева.
зрух па y	Задае зрушэнне ценю па восі Y. Дадатнае значэнне зрушвае ўніз, адмоўнае - уверх.
размыццё	Задае размыццё ценю. Чым больш значэнне - тым больш размытай будзе цень. Неабавязковы параметр. Калі не зададзены - цень будзе чёткай.
колер	Задае колер ценю ў любых адзінках вымярэння для колеру. Неабавязковы параметр. Калі не зададзены - колер ценю супадае з колерам тэксту.

Зрухi па восях і размыццё задаюцца ў любых адзінках вымярэння для памераў, акрамя працэнтаў.

Прыклад

Давайце зрушым цень уніз і налева і дадамо невялікае размыццё:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 5px 5px 3px black;
}

Результат:

Прыклад . Чёткая цень

А цяпер зробім цень чырвонага колеру, зрушым яе ўніз і налева, але прыбярэм размыццё - цень будзе чёткай:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 10px 10px red;
}

Результат:

Прыклад . Раўнамерная цень

Зараз цень не зрушана, але да яе дададзена размыццё:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 0px 0px 3px black;
}

Результат:

Глядзіце таксама

уласцівасць box-shadow,
якое задае цень кантэйнеру