TiltShift.js, ajouter un effet tilt-shift à vos images


TiltShift.js est un plugin pour jQuery qui utilisent les filtres d’images de CSS3 pour reproduire un effet de bascule et décentrement, qui donne un aspect si particulier aux images.

Le plugin permet de définir un certains nombre de critères comme le point de focus, la rayon de floutage, la direction de l’effet, ….

L’utilisation est on ne peut plus simple. Il suffit d’insérer le script et de l’utiliser sur les images en utilisant les metadonnées HTML5.

jQuery(document).ready(function() {
     $('.tiltshift').tiltShift();
});

puis

<img src="url" class="tiltshift" data-position="50" data-blur="2" data-focus="10" data-falloff="10" data-direction="y">

 
Créé par Noel Tock, ce plugin expérimental fonctionne parfaitement dans Chrome et Safari 6 (les autres supporteront l’effet au fur et à mesure de l’implémentation de la norme CSS3). Il est mis à disposition avec la licence GPL.

Téléchargez le plugin TiltShift.js