text-shadow — это CSS-свойство, которое добавляет тень тексту на веб-странице. Она позволяет создавать 3D-эффекты, объемные заголовки или придавать дополнительную читаемость тексту, например, если он находится на фоне схожего цвета.
Синтаксис свойства text-shadow: text-shadow: h-shadow v-shadow blur color;
- h-shadow — горизонтальное смещение тени от текста.
- v-shadow — вертикальное смещение тени от текста.
- blur — размытие тени (необязательный параметр).
- color — цвет тени
Пример использования:
h1 {
text-shadow: 2px 2px 4px #00FF00;
}
В этом примере текст заголовка будет иметь зеленую тень, смещенную на 2 пикселя вправо и вниз, с размытием 4 пикселя.
Таким образом, text-shadow — это простое и красивое свойство CSS, которое может добавить интересный визуальный эффект к любому тексту на веб-странице.