Generador de text-shadow CSS
Ajusta desplazamiento, desenfoque y color, previsualiza el text-shadow y cópialo como CSS
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Una herramienta para ajustar el desplazamiento horizontal y vertical, el desenfoque (blur), el color y la opacidad, y ver la sombra del texto en tiempo real mientras se genera el CSS. Está pensada para diseñadores y maquetadores web que quieren dar profundidad a textos de banners o títulos, ajustar los valores a ojo y copiarlos para usarlos tal cual.
Cómo usar
- Configura a tu gusto el texto de vista previa y los colores de texto y de fondo.
- Ajusta con los controles deslizantes de desplazamiento y desenfoque la posición y la suavidad de la sombra.
- Elige el color de la sombra y la opacidad para lograr el efecto que buscas.
- Copia el CSS de text-shadow generado y pégalo en tu estilo.
Preguntas frecuentes
- ¿Puedo poner valores negativos en el desplazamiento?
- Sí. Los controles deslizantes de desplazamiento horizontal y vertical van de -50px a +50px, así que puedes colocar la sombra también hacia la izquierda o hacia arriba.
- ¿Se guardan en un servidor el texto o los colores que introduzco?
- No se guardan. La vista previa y la generación del CSS se realizan por completo en el navegador; ninguna información se envía ni se registra en ningún servidor.
- ¿Cómo se aplica la opacidad del color?
- El color de sombra elegido y el valor del control deslizante de opacidad se combinan y se convierten al formato rgba(), de modo que incluso las sombras semitransparentes y naturales se reflejan tal cual en el código.