Как сделать тень от букв в css?
2 ответа
от
stacy ,
2 года назад
@sylvester Сделать тень от букв в CSS можно через text-shadow :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> p { text-shadow: 3px 3px red; } </style> </head> <body> <p>Тень от букв</p> </body> </html> |
от
jerad.kuphal ,
10 месяцев назад
@sylvester
Для создания тени от букв можно использовать свойство text-shadow в CSS.
Синтаксис:
1
|
text-shadow: [horizontal offset] [vertical offset] [blur radius] [color]; |
[horizontal offset] - горизонтальное смещение тени от текста
[vertical offset] - вертикальное смещение тени от текста
[blur radius] - радиус размытия тени
[color] - цвет тени
Пример:
1 2 3 |
h1 {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
|
Этот код добавляет тень от заголовка h1. Тень сдвигается на 2 пикселя вправо и вниз, имеет радиус размытия 4 пикселя и цвет rgba(0, 0, 0, 0.5), что соответствует полупрозрачному чёрному цвету.
15