tiltShift.js

All is done via CSS3 image filters, and is more a proof of concept than an usable photo effect.

A demo is included with the download package.

Here are some key features of "tiltShift.js":

· Set focus position
· Set focus area
· Manage blur effect ratio
· Customize the size between the focus and the blur effect
· Customize effect direction (vertical or horizontal)

Requirements:

· JavaScript enabled on client side
· CSS 3 enabled browser
· jQuery

Limitations:

· Currently only works in the latest versions of Google Chrome.