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!
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
The Creative Bloq team is made up of a group of design fans, 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 and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.