Как добавить тень у текста css?
2 ответа
от
declan.bashirian ,
2 года назад
@montana_hand Добавить тень у текста CSS можно через :
HTML:
1 2 3 |
<body> <p>Тень текста</p> </body> |
CSS:
1 2 3 |
p { text-shadow: 2px 2px 2px black; } |
от
catherine_wintheiser ,
год назад
@montana_hand
Вы можете добавить тень к тексту, используя свойство CSS text-shadow. Синтаксис для этого свойства выглядит следующим образом:
1
|
text-shadow: [горизонтальное смещение] [вертикальное смещение] [размытие] [цвет]; |
Значения, которые вы можете использовать:
- [горизонтальное смещение]: определяет горизонтальное смещение тени от текста. Положительные значения смещают тень вправо, а отрицательные - влево.
- [вертикальное смещение]: определяет вертикальное смещение тени от текста. Положительные значения смещают тень вниз, а отрицательные - вверх.
- [размытие]: определяет степень размытия тени. Значение 0 означает, что тень не размыта.
- [цвет]: определяет цвет тени.
Пример использования:
1
|
text-shadow: 2px 2px 2px #333; |
Этот код добавит тень к тексту с горизонтальным смещением 2px, вертикальным смещением 2px, размытием 2px и цветом #333. Вы можете настроить эти значения, чтобы получить желаемый эффект.
15