Web design New stuff
Add a cool unfolding effect to sites with PFold
New jQuery plugin PFold lets you gradually unfold elements of your website to reveal more content - check out the demo!
PFold is a "very experimental" jQuery plugin that makes it possible to open elements of a website in a 3D unfolding effect.
The demo shows several levels of unfolding, where each step of opening doubles the element size - as if you were unfolding a piece of paper. (Note this will only work in a modern web browser that supports CSS transforms).
The unfolding direction and the number of folding steps can be customised by the web designer, and for there's a simple fallback for older browsers.
The project, created by freelance web developer and designer Pedro Botelho, has been shared on Github.
Liked this? Read these!
- 101 CSS and JavaScript tutorials to power up your skills
- 30 top examples of JavaScript
- Pro tips: 20 steps to the perfect website layout
Have you had a play with Pfold yet? We'd love to see what you've created it - share the URL in the comments!
2 comments