Filtros Multimedia mediante CSS's en IE: Emboss

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: Presenta al objeto con forma de relieve serigrafiado 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 Emboss como una clase asociada a dicho contenedor: #containerEmboss1{ -ms-filter: "progid:DXImageTransform.Microsoft.Emboss(enabled=true)"; filter: progid:DXImageTransform.Microsoft.Emboss(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="containerEmboss1" > <img src="images/vela.gif" alt="Aspecto con Filtro Emboss" /> </div> Por último, se puede embeber el filtro dentro del código HTML del elemento (mediante style): <div class="ejAreas1" style="width: 90%; -ms-filter: 'progid:DXImageTransform.Microsoft.Emboss(enabled=true)'; filter: progid:DXImageTransform.Microsoft.Emboss(enabled=true)">... </div> 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 Emboss" /></div> Nota: Recordar que all estar entre las comillas dobles de style, las comillas que se utilizan para definir el filtro deben ser simples.

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