logo EXAMPLE WEBSITE

Widgets

🔄 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