# Generador CSS de text-shadow

> Generador CSS de text-shadow: ajusta desplazamientos, desenfoque y color, y copia el CSS.

Un generador de text-shadow CSS le permite crear sombras de texto para cualquier texto web sin escribir código manualmente. Produce la sintaxis correcta de text-shadow que funciona en todos los navegadores modernos.

*Interactive tool: enter your values at https://toollantern.win/es/generador-css-text-shadow/ and results update instantly in your browser.*

## Cómo funciona el generador

Introduzca el desplazamiento horizontal, el desplazamiento vertical, el radio de desenfoque y el color en los campos de entrada. La herramienta muestra instantáneamente la regla CSS y una vista previa en vivo para que pueda ajustar los valores en tiempo real.

## Entendiendo la sintaxis

La propiedad text-shadow sigue el patrón text-shadow: offset-x offset-y blur-radius color. Los desplazamientos se miden en píxeles u otras unidades de longitud CSS, el radio de desenfoque puede ser cero para un borde nítido y el color acepta cualquier formato de color CSS.

## Consejos para sombras efectivas

- Use un radio de desenfoque pequeño para un aspecto nítido y desplazado.
- Superponga varias sombras separando cada conjunto con una coma, colocando la sombra más cercana primero.
- Combine el color de la sombra con el fondo para un efecto de profundidad sutil, o use un color de contraste para un efecto dramático.

## Más generadores CSS

Combina las sombras de texto con un [generador CSS de border-radius](/es/generador-css-border-radius/) para tarjetas y botones con esquinas redondeadas.

## Preguntas frecuentes
### ¿Puedo crear múltiples sombras con el generador?

Sí, agregue definiciones de sombra adicionales en la interfaz y se combinarán en una lista separada por comas, con la primera entrada renderizada encima.

### ¿Qué hace un radio de desenfoque de 0?

Un radio de desenfoque de 0 produce una sombra dura y nítida que está desplazada exactamente por los valores x e y especificados.

### ¿El CSS generado es compatible con todos los navegadores?

La propiedad text-shadow es compatible con todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera.

---
Interactive version: https://toollantern.win/es/generador-css-text-shadow/