In the following, I will illustrate the use of flip boxes in more detail. With a flip box, the content of a topic can be displayed on the front and back side of the box. At the moment the user moves the mouse pointer over the box, the box flips one hundred and eighty degrees and provides the viewer with additional information about the particular topic. It is also possible to place links and buttons on the back of the box.

BICYCLE STATION

For further information just move the mouse pointer over me.

USAGE

This is where the interested user is provided with additional information.

RENT

Make an inquiry now and benefit from the time-limited advantages.

CONDITIONS

All the advantages are summarized here. Additionally, the further information link.

SERVICE

If the beloved bike needs an inspection, please turn box.

WORKSHOP

All repairs and cleaning by appointment only.

APPOINTMENT

3-D & Direction Change

In the upper example, the boxes are flat flip boxes, and here they are 3D flip boxes. Furthermore, the speed of the movements is slower and each box rotates in a different direction. The whole thing can be observed very well during the rotation of the boxes, graphics and fonts stand out.

ONE

Make an inquiry now and benefit from the time-limited advantages.

BACK SIDE

All the advantages are summarized here. Additionally, the further information link.

TWO

For further information just move the mouse pointer over me.

BACK SIDE

This is where the interested user is provided with additional information.

THREE

If the beloved bike needs an inspection, please turn box.

BACK SIDE

All repairs and cleaning by appointment only.

APPOINTMENT

Photos

It is also possible to include a photo for the front of each flip box.

NOTEBOOK

For further information just move the mouse pointer over me.

Details

This is where the interested user is provided with additional information.

SERVER ROOM

An IT staff member in the server room.

CONDITIONS

All the advantages are summarized here. Additionally, the further information link.

CODING

PHP Syntax

Information

This is where the interested user is provided with additional information.

APPOINTMENT