11-17-2012, 03:27 AM
tiltShift.js
If you've been watching television lately, you'll have noticed there's this strange obsession with depth of field going on. And in particular an effect called 'tilt shift', which gives the picture a kind of miniaturised feel.
The original treatment requires some expensive camera equipment but now you can achieve a similar effect with nothing more than a bit of fancy CSS.
Admittedly it only works on Chrome and Safari 6, but tiltShift.js hits the spot if you're looking to give your images an expensive 'on location' feel. It's a jQuery plug-in though, so you'll need to be running that particular library for this to work at all.
If you've been watching television lately, you'll have noticed there's this strange obsession with depth of field going on. And in particular an effect called 'tilt shift', which gives the picture a kind of miniaturised feel.
The original treatment requires some expensive camera equipment but now you can achieve a similar effect with nothing more than a bit of fancy CSS.
Admittedly it only works on Chrome and Safari 6, but tiltShift.js hits the spot if you're looking to give your images an expensive 'on location' feel. It's a jQuery plug-in though, so you'll need to be running that particular library for this to work at all.