Генератор CSS Text Shadow для ленивых.
Выберите предопределенный стиль из галереи или сгенерируйте текстовую тень в соответствии с вашими предпочтениями. Настройте желаемые атрибуты, чтобы получить код CSS.
Сдвиньте тень вправо / вниз, установите размытие и непрозрачность и выберите цвет из палитры, чтобы получить свой CSS. Используйте онлайн-редактор, чтобы настроить свой стиль вручную. Следите за эволюцией вашей тени в предварительном просмотре в реальном времени, где вы можете установить собственный текст и цвет фона.
Объяснение тени текста CSS3
Свойство CSS3 text-shadow - один из самых популярных методов постепенного улучшения дизайна веб-сайта. Хотя изначально он входил в спецификацию CSS 2.1, он был отозван из-за отсутствия поддержки. Однако теперь он вернулся в CSS 3 и получил широкую поддержку среди современных браузеров.
Он принимает четыре значения: первое значение определяет расстояние до тени по оси x (по горизонтали), второе значение устанавливает расстояние по оси y (по вертикали), третье значение определяет размытие тени, а последнее значение устанавливает цвет.
Хотя это относительно легко запомнить по сравнению с другими правилами CSS3, такими как border-radius, полезно иметь такой генератор, чтобы вы могли генерировать текстовую тень в реальном времени и точно настраивать ее с помощью элементов управления, подобных Photoshop.
