Hypercard

Based on Zach Leat and Mark’s work, I’ve implemented hypercards. I love the effect that Polaroid photos and vinyl sleeves give when they lift up, creating a realistic look. Implementing the hypercard allows the photo or Polaroid to tilt depending on the position of the mouse cursor. I made sure to develop this progressively, so that even if the JavaScript doesn’t load, the lifting effect remains present thanks to CSS.

Hypercard effect on vinyl sleeves
Hypercard effect on polaroids