Get new jQuery plugins just once a week

×

tiltToReveal

FavoriteLoadingAdd to favorites

March 8, 2014

tiltToReveal is a jQuery plugin for Tilting your device to reveal more content, parts of an image, or just ‘more’ .
jQuery.tiltToReveal supports two different modes:

jQuery('.fx--tiltToReveal').tiltToReveal({
useTreshold: {BOOLEAN - indicate if you want to use the threshold or the percentage variation},
// set the options for left/right tilting
leftright: {
distance: {NUMBER - the maximum distance to go in pixel},
treshold: {NUMBER - the angle the device have to be tilted before the treshold based animation is triggered},
maxAngle: {NUMBER - the maximum angle for the percentage based animation. This angle equals 100% - the maximum distance to go}
},
// set the options for front/back tilting
frontback: {
distance: {NUMBER - the maximum distance to go in pixel},
treshold: {NUMBER - the angle the device have to be tilted before the treshold based animation is triggered},
maxAngle: {NUMBER - the maximum angle for the percentage based animation. This angle equals 100% - the maximum distance to go}
},
// set the animation properties
animation : {
duration: {NUMBER - the maximum duration for the css transition},
easing: {String - easing for the css transition, eg 'linear'},
}
});

Created by martin kr

Download

tiltToReveal jquery plugin

tilt to reveal more

tiltToReveal

Related posts:

SelectNav js
promptUmenu
Mobify-js
tiltToReveal jquery plugin

http://jquer.in/wp-content/uploads/2014/03/tiltToReveal.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever