Demo : Flip On Hover Event

Switch Flip Boxes Color

Profile Flip Boxs


square style (vertical flip)

image

Jhon Abraham


Creative Director

Address: 27/2-A , Road #06, Dhaka.
Phone: +088 000 000 000
Email : example@mail.com

rounded style (vertical flip)

image

Jhon Abraham


Creative Director

Address: 27/2-A , Road #06, Dhaka.
Phone: +088 000 000 000
Email : example@mail.com

circle style (vertical flip)

image

Jhon Abraham


Creative Director

circle style (vertical flip)

image

Jhon Abraham


Creative Director

square style (horizontal flip)

image

Jhon Abraham


Creative Director

Address: 27/2-A , Road #06, Dhaka.
Phone: +088 000 000 000
Email : example@mail.com

rounded style (horizontal flip)

image

Jhon Abraham


Creative Director

Address: 27/2-A , Road #06, Dhaka.
Phone: +088 000 000 000
Email : example@mail.com

circle style (horizontal flip)

image

Jhon Abraham


Creative Director

circle style (horizontal flip)

image

Jhon Abraham


Creative Director

Features Flip Boxs


square style (vertical flip)

Front Site Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (vertical flip)

Front Site Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

square style (horizontal flip)

Front Site Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (horizontal flip)

Front Site Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Features 2 Flip Boxs


square style (vertical flip)

rounded style (vertical flip)

square style (horizontal flip)

rounded style (horizontal flip)

Features 3 Flip Boxs


square style (vertical flip)

Front Site Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (vertical flip)

Front Site Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

square style (horizontal flip)

Front Site Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (horizontal flip)

Front Site Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Blog Flip Boxs


square style (vertical flip)

image

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

rounded style (vertical flip)

image

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

square style (horizontal flip)

image

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

rounded style (horizontal flip)

image

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Question 1 Flip Boxs


square style (vertical flip)

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (vertical flip)

2

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

square style (horizontal flip)

4

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (horizontal flip)

5

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Question 2 Flip Boxs


square style (vertical flip)

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit

  • What is here?
  • How to I use it?
  • Why it better than others?
  • How to I get it?
  • How many cost?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (vertical flip)

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit

  • What is here?
  • How to I use it?
  • Why it better than others?
  • How to I get it?
  • How many cost?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

square style (horizontal flip)

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit

  • What is here?
  • How to I use it?
  • Why it better than others?
  • How to I get it?
  • How many cost?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (horizontal flip)

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit

  • What is here?
  • How to I use it?
  • Why it better than others?
  • How to I get it?
  • How many cost?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Image Flip Boxs


square style (vertical flip)

image
image

rounded style (vertical flip)

image
image

circle style (vertical flip)

image
image

square style (horizontal flip)

image
image

rounded style (horizontal flip)

image
image

circle style (horizontal flip)

image
image

Thumbnail Flip Boxs


square style (vertical flip)

image

Front Site Content

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (vertical flip)

image

Front Site Content

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

square style (horizontal flip)

image

Front Site Content

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (horizontal flip)

image

Front Site Content

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Image Background Flip Boxs


square style (vertical flip)

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (vertical flip)

2

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

square style (horizontal flip)

4

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

rounded style (horizontal flip)

5

Lorem ipsum dolor sit amet, consectetur adipiscing elit?

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Information Flip Boxs


square style (vertical flip)

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

rounded style (vertical flip)

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

square style (horizontal flip)

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

rounded style (horizontal flip)

Front Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit

Back Site Content


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Social Flip Boxs


vertical flip

horizontal flip