Генератор CSS Text Shadow
Генерируйте CSS text-shadow с предпросмотром в реальном времени. Накладывайте несколько теней с предустановками: неон, тиснение и другие.
Предустановки
Настройки текста
Слои теней
Предпросмотр
Shadow Text
Сгенерированный CSS
text-shadow: 2px 2px 4px #000000;
Полный фрагмент
.text-shadow-effect {
color: #333333;
font-size: 48px;
font-family: sans-serif;
text-shadow: 2px 2px 4px #000000;
}Как использовать
Введите текст
Введите текст для предпросмотра
Настройте параметры
Настройте смещение, размытие и цвет
Скопируйте
Скопируйте CSS-код для использования
Возможности
Предпросмотр в реальном времени
Просмотр эффекта тени текста в реальном времени
Несколько теней
Наложение нескольких текстовых теней
Предустановки
Предустановки: неон, тиснение и другие
FAQ
🔗Похожие инструменты
Конвертер цветовых кодов
Конвертация между цветовыми кодами HEX, RGB и HSL. Используйте палитру цветов и предпросмотр в реальном времени для интуитивного выбора цвета.
Палитра цветов
Выбирайте цвета с помощью цветового колеса и ползунков. Получайте и копируйте цветовые коды в форматах HEX, RGB и HSL.
Извлечение цветов из изображения
Автоматическое определение доминирующих цветов изображения и генерация цветовой палитры. Также можно нажать на любую точку изображения для выбора цвета.
Определение среднего цвета изображения
Вычисление среднего цвета всего изображения или выделенной области. Полезно для подбора цветовых схем или фоновых цветов миниатюр.
Генератор CSS-градиентов
Визуально создавайте CSS-градиенты с помощью перетаскивания. Поддержка линейных, радиальных и конических градиентов с предустановками.
Генератор CSS Box Shadow
Визуально создавайте CSS box-shadow с помощью ползунков. Поддержка нескольких теней и внутренних теней.