Hover Image 02 - Optional Objects Live Preview

Go to content

Hover Image 2

Add an image and display the associated text and button with a transition effect on mouseover. You can choose among 14 different transition effects.

Style
- Rotate -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Zoom and Offset -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Push -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Zoom and Slide In -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Shift -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Roll Out -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Flip -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Roll Out and In -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Fade and Flip -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Breaking News -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Open -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Window -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Cube -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Slide -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Compress and Fade -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Zoom and Fade -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Choose Style Direction

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Top -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Bottom -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Left -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- Right -
Add a Button

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Add Opacity

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- 20% -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- 50% -

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

- 100% -
Back to content