#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).



#Paperfold JS

以3D格式折叠网站元素。演示: felixniklas.com/paperfold 。它基于2011年的实验

##用法

在您的网站中包含jQuery和paperfold.js。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="/path/to/paperfold.js"></script>
在您要折叠的容器上调用纸张折叠,并将折叠互动绑定到按钮或任何其他交互。

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

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

====

麻省理工学院许可证。 ©Felix Niklas( http://twitter.com/mrflix )。




相关问题推荐