CONTENT FLIP BOX

SHOW A CONTENT BOX WITH TWO SIDES

Content Flip Box Features

  • Select from two different effects (simple or cube)
  • Select from different animation (transition) speed (simple effect)
  • Use font icon or image icon for front panel
  • Add link button to back panel
  • Trigger transition either by hover or click event
  • Use Google font for contents
  • Customize font and background colors
  • Apply custom borders to front and back panel
  • Add viewport animation to element
Export Page Content
conceptual_words_059

SIMPLE LAYOUT

SHOW A CONTENT BOX WITH TWO SIDES

Horizontal Flip

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.

Vertical Flip

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 LAYOUT

SHOW A CONTENT BOX WITH TWO SIDES

Right Flip

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.

Upwards Flip

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.