Filtros Multimedia mediante CSS's en IE: Engrave

Temas relacionados: Filtos y scripting en IE | Transiciones en IE

1. Introducción
2. Catálogo de Filtros
1. 2.1 Alpha
2. 2.2 Basic Image
3. 2.3 Blur
4. 2.4 Drop Shadow
5. 2.5 Emboss
6. 2.6 Engrave: Transforma al objeto aportándole una textura de esculpido mediante escala de grises:

Original	Transformación
Artículos Discos Libros Videos y DVD's Informática Consumibles Oficina Informática	Artículos Discos Libros Videos y DVD's Informática Consumibles Oficina Informática

En la hoja de estilo asociada se le asigna el filtro Engrave como una clase asociada a dicho contenedor: #containerEngrave1{ width: 90%; -ms-filter: "progid:DXImageTransform.Microsoft.Engrave(enabled=true)"; filter: progid:DXImageTransform.Microsoft.Engrave(enabled=true); } Y en el HTML se pone la imágen o el objeto que deseemos dentro del contenedor con la clase asociada: <div id="containerEngrave1" > <img src="images/vela.gif" alt="Aspecto con Filtro Engrave" /> </div> Por último, se puede embeber el filtro dentro del código HTML del elemento (mediante style): <div style="width: 90%; -ms-filter: 'progid:DXImageTransform.Microsoft.Engrave(enabled=true)'; filter: progid:DXImageTransform.Microsoft.Engrave(enabled=true);"> ... </div> Al estar entre las comillas dobles de style, las comillas que se utilizan para definir el filtro deben ser simples. Recordar que sólo en el caso de las imágenes no es necesario ponerlas dentro de un contenedor, sino que pueden tener el id directamente asociado: <img id="containerEmboss1" src="images/vela.gif" alt="Aspecto con Filtro Engrave" /></div>

Atributos / Propiedades

Atributo / Propiedad	Valores	Descripción	Por defecto
enabled	true false	Determina si el filtro está habilitado.	true
Bias	-1 ... 1 (coma flotante)	Descibe el porcentaje que se añade a cada componente de color para obtener un efecto de grabado concreto.	0.7

Filtros:

	Alpha	Basic Image	Blur	Drop Shadow	Emboss	Engrave
	Glow	Light	Mask Filter	Motion Blur	Shadow	Wave

Temas relacionados: Filtos y scripting en IE | Transiciones en IE