HTML/CSS Fold Demo

#E9EBF2
#BBC4D9
#7786A9
#5D5E5F
#4D649A
#C0BFC0
#989DA9

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.