If you want to show a front and back panel with some basic HTML content and a link to another page or file, than the “Content Flip Box” is just the right thing for you. Define the color for front and back panel elements independently (including borders and backgrounds), apply a font icon or image to the front, some animations if you want to, and you’re ready to go.

Standard Effect

Direction: Flip Vertical

Content Flip Box

This is the message for the front panel of this flip box.

Back Title

This is the back message.

Content Flip Box

This is the message for the front panel of this flip box.

Back Title

This is the back message.

Content Flip Box

This is the message for the front panel of this flip box.

Back Title

This is the back message.

Direction: Flip Horizontal

Content Flip Box

This is the message for the front panel of this flip box.

Back Title

This is the back message.

Content Flip Box

This is the message for the front panel of this flip box.

Back Title

This is the back message.

Content Flip Box

This is the message for the front panel of this flip box.

Back Title

This is the back message.

Cube Effect

In order to test whether your browser should be capable to display all animations and transformations correctly, you can check here.

Direction: Flip Up

Content Flip Box

This is the message for the front panel of this content flip box.

Back Title

This is the back message.

Content Flip Box

This is the message for the front panel of this content flip box.

Back Title

This is the back message.

Content Flip Box

This is the message for the front panel of this content flip box.

Back Title

This is the back message.

Direction: Flip Right

Content Flip Box

This is the message for the front panel of this content flip box.

Back Title

This is the back message.

Content Flip Box

This is the message for the front panel of this content flip box.

Back Title

This is the back message.

Content Flip Box

This is the message for the front panel of this content flip box.

Back Title

This is the back message.