p ( text-shadow: 1px 1px 1px #000; )Можете да примените више текстуалних сенки раздвајањем зареза
p ( text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; )Прве две вредности одређују дужину померања сенке. Прва вредност одређује хоризонталну удаљеност, а друга вертикалну удаљеност сјене. Трећа вредност одређује радијус замућења, а последња вредност боје сенке:
1. вредност = Кс-координата
2. вредност = И-координата
3. вредност = радијус замућења
4. вредност = боја сенке
Коришћење позитивних бројева као прве две вредности завршава се постављањем сенке десно од текста водоравно (прва вредност) и постављањем сенке испод текста вертикално (друга вредност).
Трећа вредност, радијус замућења, је опционална вредност која се може навести, али не мора. Количина пиксела у којој је текст развучен узрокује ефекат замућења. Ако не користите трећу вредност, третира се као да сте навели радијус замућења нула.
Такође, имајте на уму да за боју можете користити вредности РГБа или ХСЛа, на пример, 40% прозирности беле боје:
p ( text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); )Примери
Погледајте примере сложеног текста оловке оловке Цхриса Цоииера (@цхрисцоииер) на ЦодеПен-у.
Више информација
- МДН Документи
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| 2+ | 1.1+ | 3.5+ | 9.5+ | 10+ | било који | било који |