Генератор text-shadow
Свойство text-shadow добавляет тень к тексту: задаются смещение, размытие и цвет. Тень улучшает читаемость текста на фоне-картинке, создаёт эффект объёма, свечения или ретро-стиля. Инструмент собирает значение с превью.
Настройте тень текста и получите свойство text-shadow.
text-shadow: 2px 2px 4px #1018284d;Свойство text-shadow добавляет тень к тексту: задаются смещение, размытие и цвет. Тень улучшает читаемость текста на фоне-картинке, создаёт эффект объёма, свечения или ретро-стиля. Инструмент собирает значение с превью.
Для читаемости на фото достаточно мягкой полупрозрачной тёмной тени. Несколько теней через запятую дают эффекты свечения или контура. Не злоупотребляйте — слишком сильная тень ухудшает восприятие текста.
Добавьте мягкую тёмную полупрозрачную тень — она отделит текст от пёстрого фона, не перегружая дизайн.
Да, перечислите их через запятую — так создают свечение, контур и многослойные эффекты.
text-shadow добавляет тень к буквам текста, box-shadow — к прямоугольной рамке элемента.
Линейные градиенты с предпросмотром.
CSS-тени с живым предпросмотром.
Скругление углов с предпросмотром.
Контраст цветов по стандарту WCAG.
Оттенки и тона из базового цвета.
Иконки сайта всех размеров из картинки.