Definición de .text-shadow utilizado en CSS
Puede aplicar múltiples sombras de texto por separación de comas
Ejemplo de uso de text-shadow
Si quieres utilizar esta propiedad de CSS en tu hoja styles.css, hazlo de esta manera:
p {
text-shadow: 1px 1px 1px #000;
}
Otro ejemplo más avanzado de .text-shadow es el siguiente de CODEPEN:
Sintaxis de .text-shadow en CSS
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
Valores
Valor | Descripción | Manifestación |
---|---|---|
h-sombra | Requerido. La posición de la sombra horizontal. Se permiten valores negativos | |
v-sombra | Requerido. La posición de la sombra vertical. Se permiten valores negativos | |
radio de desenfoque | Opcional. El radio de desenfoque. El valor predeterminado es 0 | |
color | Opcional. El color de la sombra. Busque una lista completa de posibles valores de color | |
ninguna | Valor por defecto. Sin sombra | |
inicial | Establece esta propiedad en su valor predeterminado. | |
heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .text-shadow
Los números de la tabla detallan la primera versión del navegador que es plenamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
text-transform | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |