Flipbox

Create flipping cards and easily assigning content using specific classes for front and back

Flipbox

Customise the look by easily changing variable values in Sass. See the documentation to view various possibilities.

View Documentation

Create Fliping Cards

Create a Flipbox by specifying the .front and the .back by setting the options front and back when instantiating flip. You can use any Markup between the .front and the .back selectors and the Flipbox will work.

Front Side

Some quick example text to build on the card title and make up the bulk of the card's content.

Back Side

Some quick example text to build on the card title and make up the bulk of the card's content.

Flip On X-Axis
Front Side

Some quick example text to build on the card title and make up the bulk of the card's content.

Back Side

Some quick example text to build on the card title and make up the bulk of the card's content.

Flip On Y-Axis
Trigger On Click

Simple set the flip trigger on 'click' instead of 'hover'

Click Me!
Back Side

Some quick example text to build on the card title and make up the bulk of the card's content.

Manual Trigger On Click