Контрастный шрифт с тенями для пестрого фона

Часто бывает нужно разместить текст на фоне пестрой картинки. При этом читаемость текста может сильно ухудшиться.

Для этого пригодится CSS-стиль который делает контраст цвета и добавляет тень.

Для темного фона:

.selector {
  color: white;
  text-shadow: 0 0 3px black;
 }

Для светлого фона:

.selector {
  color: black;
  text-shadow: 0 0 3px white;
}

Конкретные цвета можно и иногда нужно менять под цвет фона.

Ответить

Ваш адрес email не будет опубликован. Обязательные поля помечены *