Cómo hacer Look Texto perforado en CSS

La propiedad "text-shadow" en CSS permite una serie de efectos de texto visuales, como sombras, texto brillante y perforado en el texto. También conocido como "carta de prensa" el texto, la golpeó en efecto utiliza una sombra de texto con un ligero desplazamiento, sutil desenfoque y un color claro. Este efecto funciona mejor en fondos oscuros, y no funciona sobre un fondo blanco en absoluto.Mayoría de los navegadores modernos soportan este "text-shadow", aunque Internet Explorer no.

 

PUNCHED

 

Abra su página Web y encontrar etiquetas "estilo" entre la "cabeza" etiquetas en el código HTML. Añade este código si no ve las etiquetas "estilo":

 

Tipo style = "text / css"

 

/ Estilo

 

Añadir un nombre de clase como "golpeado" a cualquier etiqueta en la que desea mostrar el texto con el puched-en efecto:

 

p class = El apartado "puñetazos" ... / p

 

p class = "rojo perforado" punto rojo ... / p

 

Note cómo el segundo párrafo en el ejemplo se utilizan dos nombres de clase. Si usted encuentra la etiqueta ya utiliza un nombre de clase, asigne un segundo y separado con un espacio entre cada nombre.

 

Crear una regla de estilo para su nueva clase entre las etiquetas "estilo":

 

. Puñetazos {

 

}

 

Prefijo su nombre de clase en CSS con un punto, como se muestra en este ejemplo.

 

Agregue la propiedad "text-shadow" para nueva regla de estilo. Dar a la sombra de un solo píxel de desplazamiento desde la parte superior e izquierda, una falta de definición de un píxel y un color claro:

 

. Puñetazos {

 

text-shadow: 1px 1px 1px # ffffff;

 

}

 

Consejos y advertencias

Dado que Internet Explorer no admite sombras de texto, elegir los colores que mantienen su texto legible incluso sin las sombras.