Table of contents
Sombras de texto
La propiedad text-shadow agrega sombra al texto.
En su uso más simple, solo especificas la sombra horizontal (2px) y la sombra vertical (2px):
Ejemplo:
A continuación, agregue un color (red) a la sombra:
Ejemplo:
Luego, agregue un efecto de desenfoque (5px) a la sombra:
Ejemplo:
Más ejemplos
Ejemplo 1:
text-shadow en un texto blanco:
Ejemplo 2:
text-shadow con brillo de neón rojo:
Ejemplo 3:
text-shadow con brillo de neón rojo y azul:
Ejemplo 4:
La propiedad text-shadow
| Propiedad | Descripción |
text-shadow | Especifica el efecto de sombra agregado al texto. |
Resumen
La propiedad text-shadow agrega sombra al texto y se puede personalizar con valores para la sombra horizontal, vertical, color y efecto de desenfoque. La propiedad text-shadow se puede usar para crear efectos de texto interesantes y se puede personalizar aún más con CSS.
Traducido con 💚 desde W3Schools.com