3d Paperfold Animation Library
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
LICENSE.md
README.md
bower.json
gulpfile.js
package.json
paperfold.js
paperfold.min.js

README.md

#Paperfold JS

Fold website elements in 3D. Demo: felixniklas.com/paperfold. It's based on an experiment from 2011.

##Usage

Include jQuery and paperfold.js in your site.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="/path/to/paperfold.js"></script>

Call paperfold on the container you want to fold and bind the fold interaction to a button or any other interaction.

$(function() {
	var paperfold = $('.hidden').paperfold();

	$('.paperfold-toggle').click(paperfold.toggle);
});

====

MIT License. © Felix Niklas (http://twitter.com/mrflix).