Demo here: http://chrislackey.com/fold/
Had to try to figure out how to pull off this fold effect using just HTML/CSS. This only works in Webkit, and is a lot smoother in Chrome than Safari.
The code's dirty, and I'm sure there are many elements that could have been done better, but this is a proof-of-concept. The only big fallback (outside of limited compatibility) is the requirement that there needs to be 2 instances of each object folded.
My Bezier Curve is a guesstimate, and could be tightened up to be pixel-perfect accurate.
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2016 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.