Как сделать тень для текста в css?

Пользователь

nicolette.stoltenberg

от nicolette.stoltenberg , в категории: HTML/CSS , 3 года назад

1 | 0

css markup

2 ответа

Пользователь

bulah

от bulah , 3 года назад

@nicolette.stoltenberg Создать тень для текста в CSS, можно так:

<head>
<style>
    p{
        color: brown;
        text-shadow: 3px 3px 3px rgb(10, 10,10);
    }
    </style>
  </head>
  <body>
      <p>Тень у текста </p>
  </body>

1 | 0

Пользователь

stanford_mosciski

от stanford_mosciski , 2 года назад

@nicolette.stoltenberg

Чтобы создать тень для текста в CSS, можно использовать свойство text-shadow. Вот пример:

1	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

Это свойство принимает четыре значения:

Горизонтальное смещение тени от текста (в пикселях).
Вертикальное смещение тени от текста (в пикселях).
Размытие тени (в пикселях).
Цвет тени.

В приведенном выше примере мы создаем тень, которая смещается на 2 пикселя вправо и на 2 пикселя вниз, имеет размытие 4 пикселя и имеет полупрозрачный чёрный цвет (rgba(0, 0, 0, 0.5)).

Вы можете настроить значения, чтобы получить желаемый эффект.

0 | 0

Как сделать тень для текста в css?

2 ответа

Похожие обсуждения: