Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

Explicación para el filtro mask

<style><!--
.mask {Filter: mask(color=blue);
height:12; width:580}
--></style>
El texto de arriba va entre <head> y </head>

Con el filtro mask El texto se volverá transparente y el background del texto será del color que especifíques en color [en código RGB(#00FF00) o escribiendo el nombre del color en inglés (red, yellow, blue, etc)]. El atributo width es para especificar lo ancho de este filtro (toma en cuenta que el ancho común de la ventana es de 760), si el ancho es menor a lo largo del texto entonces se pondrá en varias lineas de texto.

En las imagenes, las partes transparentes serán sustituidas por el color que especifiques y las partes de color se volverán transparentes. Ejemplos:

Filtro Mask de color rojo 250 de Width
Filtro Mask de color Azul de 760 de Width
Filtro Mask de color Verde de 100 de Width

dibujo.gif (2288 bytes)

.mask  indica el nombre de la clase, para establecer este efecto debes de poner el nombre de la clase inmediatamente después al nombre del elemento de esta manera class="glow". Ejemplos:

Para un Link
<a href="index.htm" class="mask">Texto que quieras</a> Resultado:
Texto que quieras

Para una imagen:
<img src="dibujo.gif" class="mask"> Resultado:

(para una imagen debes de quitar height y width. El efecto se vé de esta manera por que la imagen tiene partes transparentes)

Para texto
<font class="mask">Lo que quieras</font>
Lo que quieras
Recuerda que también puedes especificar la alineación, tipo de fuente, color, tamaño, etc.

Recuerda siempre aplicar este efecto como se muestra arriba, de otra manera sucederian algunos errores.

Puedes modificar height para reducir o ampliar el espacio entre líneas

¿Alguna pregunta sobre este efecto? Escribela a continuación junto con tu E-mail
 

« Regresar a la Página de inicio