Add a cool unfolding effect to sites with PFold | Creative Bloq

The plugin allow elements of a web page to be unfolded in various ways

PFold is a "very experimental" jQuery plugin that makes it possible to open elements of a website in a 3D unfolding effect.

There are three demos showing different unfolding patterns

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 final content&rsquo;s size will depend on the initial content&rsquo;s size (set in the CSS), the folding directions and the number of folding steps — The final content’s size will depend on the initial content’s size (set in the CSS), the folding directions and the number of folding steps

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!

The Creative Bloq team is made up of a group of art and design enthusiasts, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson, Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The ImagineFX magazine team also pitch in, ensuring that content from leading digital art publication ImagineFX is represented on Creative Bloq.