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

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

kendall_mckenzie

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

24 | 0

css markup

2 ответа

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

abel

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

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

HTML:

1
2
3

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

CSS:

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

1 | 0

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

leila.dickinson

от 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;
}

0 | 0

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

2 ответа

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