Cómo utilizar CSS text-shadow: 11 trucos y ejemplos

CSS es un lenguaje de diseño que hace que las páginas web se vean más elegantes que los fragmentos de texto sin formato. sombra de texto es una propiedad de CSS que agrega sombras al texto y lo hace más atractivo visualmente. Puede crear diseños de texto increíbles con la ayuda de una combinación de sombras de texto, fuentes, colores y colores de fondo.

En este artículo, lo guiaremos a través de diferentes sombra de texto ejemplos usando CSS.

Sombra de texto usando CSS

los sombra de texto La propiedad CSS agrega sombras y capas al texto. Agregar sombra de texto al texto puede mejorar, resaltar o aumentar el atractivo visual del texto de su aplicación. Esta propiedad CSS acepta una lista de sombras separadas por comas que se aplicarán al texto.

Sintaxis de la propiedad CSS text-shadow

|_+_| |_+_| |_+_| |_+_|

Relacionado: Componentes de diseño neumorfológico en HTML, CSS y JavaScript

youtube sigue recomendando los mismos videos

Documentos web de MDN defina estos valores como:

: Opcional. El color de la sombra. Puede especificarse antes o después de los valores de compensación. Si no se especifica, el valor del color se deja en manos del agente del usuario, por lo que cuando se desea la coherencia entre los navegadores, debe definirlo explícitamente.

: Requerido. Estas los valores especifican la distancia de la sombra al texto. especifica la distancia horizontal; un valor negativo coloca la sombra a la izquierda del texto. especifica la distancia vertical; un valor negativo coloca la sombra sobre el texto. Si ambos valores son 0, la sombra se coloca directamente detrás del texto, aunque puede ser parcialmente visible debido al efecto de .

: Opcional. Esto es un valor. Cuanto mayor sea el valor, mayor será el desenfoque; la sombra se vuelve más ancha y más clara. Si no se especifica, el valor predeterminado es 0.

Aquí hay algunos asombrosos sombra de texto ejemplos que pueden mejorar la interfaz de usuario de su sitio web al siguiente nivel. Asegúrese de importar las fuentes mencionadas en su archivo CSS desde Fuentes de Google .