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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

Сделать тень текста в css, можно через свойство text-shadow, пример:


HTML:

1
2
3
<body>
    <p class="text">Привет!</p>
</body>


CSS:

1
2
3
4
.text{
    color: coral;
    text-shadow:5px 5px 5px rgb(10, 10, 10);
}


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

от leila.dickinson , 2 года назад

@kendall_mckenzie 

В CSS можно создать тень текста с помощью свойства "text-shadow". Например, следующий код добавит тень с расстоянием 2px вниз и 2px вправо, радиус размытия 3px и цветом #555:

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


Вы также можете добавить несколько теней, разделяя их запятыми.

1
2
3
p {
  text-shadow: 2px 2px 3px #555, -2px -2px 3px #555;
}


Вы можете также использовать другие свойства, такие как box-shadow, чтобы создать тень для блоков.

1
2
3
div {
  box-shadow: 2px 2px 3px #555;
}