Get new jQuery plugins just once a week

×

TiltShift-js

September 8, 2012

TiltShift-js | Css3 filters for tiltshift effects

TiltShift-js is A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.To use,Call the plugin on any collection of images you want by adding the following jQuery:
$('.tiltshift').tiltShift();
Parameters on each image must be set using the HTML5 data attributes, like this:
<img src="url" class="tiltshift" data-position="50" data-blur="2" data-focus="10" data-falloff="10" data-direction="y">
The attributes will control various variables that influence the tiltshift effect.

Created by Noel Tock

Download
Home
Example

tiltshift-js

CSS3 filters for tiltshift effect

TiltShift-js

Related posts:

Sequence Js
ArcText
Reveal-js
tiltshift-js

http://jquer.in/wp-content/uploads/2012/09/tiltshift-js.png

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever