Filters: xRay()

CSS:
style="filter:xRay()"
DOM:
object.style.filter="xRay()"


Macaws

Figure 11-43. Application of xRay() filter.

The xRay() filter renders only the edges of the element. The general formats for the xRay() filter are shown below.

CSS:
filter:xRay()

DOM:
object.style.filter="xRay()"
Figure 11-44. General formats for xRay() filter.

An xRay() filter does not enlarge the element to which it is applied. Therefore, it can be applied directly to an element rather enclosing it inside a container.

<img src="Macaws.jpg" style="filter:xRay()"/>
Listing 11-19. Code to apply an xRay() filter directly to a page element.