Generador de sombras de texto CSS
Opciones de sombra de texto
capa 1
Estado
inactivo
Vista previa en vivo
Toolinix
Vista previa de sombra de texto CSS en vivo
Acerca de esta herramienta
CSS Text Shadow Generator le ayuda a crear valores de sombra de texto visualmente y copiarlos directamente en su proyecto.
Puede crear sombras suaves, contornos, efectos de brillo o sombras de texto de neón de varias capas y luego analizar los valores existentes nuevamente en capas editables.
como usarlo
- Ajuste el desplazamiento, el desenfoque y el color de una o más capas.
- Vea la actualización de vista previa en vivo al instante.
- Utilice Generar para normalizar el valor o Analizar para dividir una sombra de texto existente en capas.
- Copie el valor sin formato o la regla CSS completa.
Consejos
- Utilice valores de desenfoque pequeños para obtener contornos nítidos.
- Combine varias capas borrosas con desplazamiento cero para obtener efectos de brillo de neón.
- Una sombra sutil suele verse mejor que una muy oscura.
- Varias capas pueden crear una profundidad más rica que una sola sombra.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.
Generador/analizador de Box Shadow CSS
Genere, analice y previsualice valores de `box-shadow` CSS en línea. Ajuste offset, blur, spread, color e `inset`.
Utilidades varias
›
Generador de filtros CSS
Genere y analice valores de filtro CSS con vista previa en vivo para desenfoque, brillo, contraste, escala de grises, rotación de tono, inversión, opacidad, saturación y sepia.
Utilidades varias
›
Generador de animación CSS
Genere taquigrafía de animación CSS, fotogramas clave y CSS listo para usar con vista previa en vivo.
Utilidades varias
›
Convertidor de colores
Convierta colores HEX, RGB, RGBA y HSL instantáneamente en su navegador.
Utilidades varias
›
Preguntas frecuentes
¿Puedo usar varias sombras de texto?
Sí. Este generador admite múltiples capas y las genera como un valor de sombra de texto separado por comas.
¿Cuál es la diferencia entre text shadow y box shadow?
La sombra del texto afecta los caracteres, mientras que la box shadow afecta la caja del elemento.
¿Puedo pegar un valor de sombra de texto existente?
Sí. Utilice la función de análisis para cargar un valor de sombra de texto existente en capas editables.
¿Esta herramienta admite efectos de neón y contorno?
Sí. Los ajustes preestablecidos incluidos cubren sombras de texto suaves, de neón y de estilo de contorno.