Generador de CSS Text Shadow para gente perezosa.
Elija un estilo predefinido de la galería o genere una sombra de texto con sus preferencias. Configure los atributos deseados para obtener el código CSS.
Mueva la sombra hacia la derecha / abajo, configure el desenfoque y la opacidad y elija un color de la paleta para obtener su CSS. Utilice el editor en línea para ajustar su estilo manualmente. Siga la evolución de su sombra en la vista previa en vivo, donde puede establecer un texto personalizado y un color de fondo.
Explicación de la sombra de texto CSS3
La propiedad text-shadow de CSS3 es una de las técnicas más populares para mejorar progresivamente el diseño de un sitio web. Aunque originalmente estaba en la especificación CSS 2.1, fue retirado por falta de soporte. Sin embargo, ahora está de vuelta en CSS 3 y tiene un soporte generalizado entre los navegadores modernos.
Toma cuatro valores: el primer valor define la distancia de la sombra en la dirección x (horizontal), el segundo valor establece la distancia en la dirección y (vertical), el tercer valor define el desenfoque de la sombra y el último valor establece el color.
Si bien esto es relativamente fácil de recordar en comparación con otras reglas de CSS3, como border-radius, es útil tener un generador como este para que pueda generar su sombra de texto en tiempo real y ajustarla con controles similares a Photoshop.
