in

Propiedad de sombra de texto CSS

Más ejemplos de «Pruébelo usted mismo» a continuación.


Definición y uso

los text-shadow La propiedad agrega sombra al texto.

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


Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
sombra de texto 4.0 10.0 3,5 4.0 9,6


Sintaxis CSS

sombra de texto: h-shadow v-shadow color de radio de desenfoque| ninguno | inicial | heredar;

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

Valores de propiedad


Más ejemplos

Ejemplo

Sombra de texto con efecto de desenfoque:

h1 {
sombra de texto: 2px 2px 8px # FF0000;
}

Inténtalo tú mismo »

Ejemplo

Sombra de texto sobre un texto blanco:

h1 {
color blanco;
sombra de texto: 2px 2px 4px # 000000;
}

Inténtalo tú mismo »

Ejemplo

Sombra de texto con un brillo de neón rojo:

h1 {
sombra de texto: 0 0 3px # FF0000;
}

Inténtalo tú mismo »

Ejemplo

Sombra de texto con un brillo de neón rojo y azul:

h1 {
sombra de texto: 0 0 3px # FF0000, 0 0 5px # 0000FF;
}

Inténtalo tú mismo »


páginas relacionadas

Tutorial de CSS: efectos de texto CSS

Referencia HTML DOM: propiedad textShadow

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Productos JD Edwards EnterpriseOne

how to view your liked videos on youtube

Cómo ver los videos que me gustan en Youtube