Cómo generar texto borroso

Trate borrosatexto cuando usted se siente como experimentar con nuevos diseños de Web.

 

GENERAR BLURRY

Mientras que algunos podrían considerar borrosa texto en una molestia, diseñadores web experimentados pueden verlo como un activo. Todos los grandes todos los principales navegadores, excepto soporte CSS atributo text-shadow Internet Explorer 3. Mediante la asignación de este atributo al texto y hacer que el texto transparente, diseñadores creativos pueden intencionalmente generar una variedad de efectos interesantes de texto borrosas. Pueden utilizar las sombras del texto en los encabezados, logotipos e incluso menús. Pruebe este efecto mediante la adición de una clase CSS simple de una de sus páginas Web.

 

Inicie cualquier editor HTML o procesador de texto y abra un documento HTML.

 

Agregue el código siguiente a la sección del cuerpo del documento:

 

clase h1 = "blurText" Esta es una borrosa Heading/h1

 

Esto crea un título que hace referencia a una clase CSS llamado "blurText."

 

Agregue el siguiente código CSS a la sección de la cabeza del documento:

 

Tipo style = "text / css"

 

. BlurText {

 

text-shadow: 0px 0px 4px Red;

 

color: transparente;

 

}

 

/ Estilo

 

Esta es la clase blurText. El atributo text-shadow añade una sombra alrededor del texto. El tercer parámetro, "4px", establece el radio de desenfoque. Los valores más altos aumentan la visión borrosa y los valores más bajos disminuyen. Establecer el valor a lo que quieras. Por ejemplo, para crear un ligero efecto borroso, cambie el valor a "1px". El último parámetro, "Red", establece el color de la sombra. El atributo de color, que se muestra en la última línea de la clase, establece el color del texto en transparente. Esto hace que los navegadores para mostrar nada más que la sombra borrosa alrededor del texto.

 

Guarde el documento y verlo en cualquier navegador que no sea Internet Explorer. Verá el texto borroso rojo.

 

Consejos y advertencias

Cambiar el color de rojo a cualquier color que usted desea. Usuarios de Internet Explorer verán texto ordinario en sus navegadores cuando se utiliza este efecto de texto borroso.