Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Photo Tilt

HTML5 clone of the photo tilt feature/gesture/ux found in Facebook's Paper app.

Basic Usage

PhotoTilt (image url, container node)

var photoTilt = new PhotoTilt({
	url: 'photo.jpg',
	lowResUrl: 'lowRes.jpg', //optional it will load lowRes 1st if available
	maxTilt: 18, //optional, defaults to 20
	container: document.body  //optional, defaults to body
	reverseTilt: false //optional, defaults to false
});

Note: The speed of the tilt can be tweaked by updating the transform transtion speed in the CSS file.

Demo

You can find a working example here (make sure you test this on a device with a triaxial/accelerometer like a phone/tablet).

More

Blog post with extra information here.

TODO

About

HTML5 clone of the photo tilt feature/gesture/ux found in Facebook's Paper app

Resources

License

Releases

No releases published
You can’t perform that action at this time.