Својство text-shadow
Својство text-shadow задаје сенку тексту.
Као вредност својство прима 4
параметра, наведене размаком, или
кључну реч none, која потпуно поништава сенку
(то је подразумевана вредност).
Синтакса
селектор {
text-shadow: померај_по_x померај_по_y замућење боја;
}
селектор {
text-shadow: none;
}
Параметри
| Параметар | Опис |
|---|---|
| померај по x |
Задаје померај сенке по X оси.
Позитивна вредност помера удесно, негативна - улево. |
| померај по y |
Задаје померај сенке по Y оси.
Позитивна вредност помера надоле, негативна - нагоре. |
| замућење |
Задаје замућење сенке.
Што је већа вредност - сенка ће бити замућенија. Необавезни параметар. Ако није задат - сенка ће бити оштра. |
| боја |
Задаје боју сенке у било којој јединици за боје.
Необавезни параметар. Ако није задата - боја сенке је иста као боја текста. |
Помераји по осама и замућење задају се у било којој јединици за величине, осим процената.
Пример
Померимо сенку надоле и улево и додајмо јој мало замућења:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 5px 5px 3px black;
}
:
Пример . Оштра сенка
А сада ћемо направити сенку црвене боје, померити је надоле и улево, али уклонити замућење - сенка ће бити оштра:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 10px 10px red;
}
:
Пример . Уједначена сенка
Сенка сада није померена, али јој је додато замућење:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 0px 0px 3px black;
}
:
Погледајте такође
-
својство
box-shadow,
које задаје сенку контејнеру