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