The Mad Magazine Fold-In Effect in CSS
June 9, 2020 10:57 AM   Subscribe

The Mad Magazine Fold-In Effect in CSS
At age 99, comic artist Al Jaffee just announced his retirement. Jaffee was best known for his Mad Magazine fold-ins, where folding the page reveals a hidden message in the artwork. Plenty of examples can be found on the web. Unfortunately, they all show the before and after statically, diminishing the magic. There’s a whole generation who may have only seen the fold-ins in this format. So of course I had to create the paper folding effect for the web.
Role: developer
posted by thomaspark (5 comments total) 12 users marked this as a favorite
This project was posted to MetaFilter by Going To Maine on June 12, 2020: The Mad Magazine Fold-In Effect in CSS

God bless you.
posted by bonobothegreat at 4:58 PM on June 11


Yes! Love it!
posted by Melismata at 9:35 AM on June 12


...also, being inside right now reading on a summer day reminds me that when I was a kid, I didn’t want to sharply fold the back covers of my MADs (or didn't own the copy I was reading) so I would just gently bend them and get a rough idea of final version - so this is actually cool and novel for me.

One thing: it would be great to click again to unfold/fold/unfold....on iPad, I have to click the next one to get the first one to unfold. Not a huge problem.
posted by bonobothegreat at 11:07 AM on June 12 [2 favorites]


Naming the class jaffee is really cool, too.

Question...Is there a functional reason the art is slightly keystoned?
posted by Thorzdad at 2:34 PM on June 12


This is fantastic. So much nostalgia. I can get them to unfold but only by seemingly randomly tapping around the bottom right of the image. Unfolding and comparing was for me an important part of appreciating the cleverness.
posted by McNulty at 1:48 AM on June 13 [1 favorite]


« Older A Timelapse of Tides...   |   CNBSeen... Newer »


You are not currently logged in. Log in or create a new account to post comments.