A pretty powerful jQuery plugin for adding a beautiful tilt-shift (focus) effect on images, using only CSS 3 filters to achieve this
tiltShift.js - Hovering a blurred image will help you view the original and detect the tiltShift.js effect
  1 Screenshot
In the photography industry, the tilt-shift effect is obtained when the camera is slightly moved when taking a photo, triggering in selective focus. The effect is widely used to transform real-life scenes into miniature sets.

The tilt-shift effect achieved via tiltShift.js is more of a proof of concept than an usable photo effect, mainly because of lacking support for CSS 3 filters in various browsers.

Even if currently tiltShift.js can't be used in live sites, the plugin can be used as a starting point for future usage of CSS 3 filters.

A demo is included with the download package.

Main features:

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

last updated on:
September 7th, 2013, 10:28 GMT
license type:

GPL: GNU General Public License

developed by:
Noel Tock
operating system(s):
Windows / Linux / Mac OS / BSD / Solaris
C: \ Image Galleries \ Image Effects
Download Button

In a hurry? Add it to your Download Basket!

user rating 1



Rate it!

Add your review!