HTML/CSS Fold Demo

Demo here:

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.

keyboard shortcuts: L or F like Z toggle zoom post comment