CSS Text Shadow генератор
Генерирайте CSS text-shadow ефекти визуално с преглед на живо. Коригирайте отмествания, размазване, цвят и непрозрачност. Добавете множество слоеве сянка. Копирайте CSS кода. Безплатен онлайн инструмент.
Преглед
CSS изход
Справка
Какво е CSS text-shadow?
CSS свойството text-shadow добавя ефекти на сянка към текст. Както при box-shadow, можете да приложите множество сенки, като ги разделите със запетаи за създаване на ефекти на дълбочина и сияние.
Синтаксис на text-shadow
text-shadow: offset-x offset-y blur-radius color;
За разлика от box-shadow, text-shadow не поддържа стойностите spread или inset.
Съвети за дизайн
Деликатните сенки (1-2px отместване, ниска непрозрачност) добавят дълбочина без да разсейват. Ефектите на сияние използват 0 отместване с високо размазване и ярък цвят. Множество слоеве могат да създадат неонови, ретро или 3D текстови ефекти.
Поверителност
Цялото генериране на text shadow работи 100% във вашия браузър. Никакви данни не се изпращат на сървър.