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)
- CSS 3 enabled browser
- Currently only works in the latest versions of Google Chrome.