This is an example of using SVG Paths, polyclip.js and CSS pointer-events to pass
mouse pointer events through clipped images. Click on the TV screen - you will see
the slideshow cycling when clicking the mouse. These events pass through
photo of Mr. Disney and his T.V. to the gallery underneath. For extra bling, modern browsers use
CSS3 filters and
CSS3
transforms for the photo gallery effects, while
IE 7-9 we use Visual Filters to do the
blurring
and skewing transforms
(with a little help from the
IE Transform Translator) The
Cycle Plugin for
jQuery was used to create the mini-gallery.
Back to User Agent Man article