Texto con Sombra en CSS

Publicado el Sab 10 de Noviembre del 2018 a las 4:14

Definición y uso

Esta propiedad acepta una lista de sombras separadas por comas que se aplicarán al texto.

Sintaxis CSS

text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;

Nota: para agregar más de una sombra al texto, agregue una lista de sombras separadas por comas.

Valores de propiedad

h-shadow: Obligatorio. Sombra horizontal. Se permiten valores negativos.

v-shadow: Obligatorio. Sombra vertical. Se permiten valores negativos.

blur-radius: Opcional. El radio borroso. El valor predeterminado es 0

color: Opcional. El color de la sombra.

none: Valor por defecto, sin sombra

initial: Establece esta propiedad a su valor predeterminado

inherit: Hereda esta propiedad de su elemento padre.

EJEMPLO

Sombra de texto con efecto borroso:

h1 {
    text-shadow: 2px 2px 8px #FF0000;
}