Как добавить тень у текста css?

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

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

Как добавить тень у текста css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от declan.bashirian , 3 года назад

@montana_hand  Добавить тень у текста CSS можно через :


HTML:

1
2
3
<body>
    <p>Тень текста</p>
  </body>


CSS:

1
2
3
p {
        text-shadow: 2px 2px 2px black;
      }


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

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

@montana_hand 

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

1
text-shadow: [горизонтальное смещение] [вертикальное смещение] [размытие] [цвет];


Значения, которые вы можете использовать:

  • [горизонтальное смещение]: определяет горизонтальное смещение тени от текста. Положительные значения смещают тень вправо, а отрицательные - влево.
  • [вертикальное смещение]: определяет вертикальное смещение тени от текста. Положительные значения смещают тень вниз, а отрицательные - вверх.
  • [размытие]: определяет степень размытия тени. Значение 0 означает, что тень не размыта.
  • [цвет]: определяет цвет тени.


Пример использования:

1
text-shadow: 2px 2px 2px #333;


Этот код добавит тень к тексту с горизонтальным смещением 2px, вертикальным смещением 2px, размытием 2px и цветом #333. Вы можете настроить эти значения, чтобы получить желаемый эффект.