🔄
Content Flipper
Basic Test
Click the square to flip it over and reveal more content.
Click again to flip it back.
FRONT
BACK
Advanced Test
Content
Can be anything you want.
More Examples
Use them in grids for a fun effect.
Make them big or small.
FRONT
BACK
FRONT
BACK
FRONT
BACK
FRONT
BACK
FRONT
BACK
FRONT
BACK
FRONT
BACK
FRONT
BACK
They don't even have to be square, but you have to do some
CSS trickery on the flipper's parent node to get a drop-shadow.
FRONT
BACK
FRONT
BACK
FRONT
BACK