Home | My Website

Popup Caption Demo

The below is a dynamic demo of Popup Caption that shows the power and flexibiliy that you have with the stack. All you need to do is add images and customize the labels on each Popup Item. Notice that as you hover over each grid item, the animations follow the direction of your mouse (or touch on mobile).

Popup Demo Controls

Adjust the values below and the above demo will instantly transform to match those values. This will give you a great idea on how versitile the animations can be. However, there are even more controls in the stacks to allow you even further customizations.

Animation

Change the animation in the below demo by selecting a different animation from this dropdown

This field is required

Overlay Blur

Add a blur to the background content when the overlay is covering it. Supported values: 0-20

This field is required

Overlay Saturation

The saturation percentage of the background image when the overlay is covering it. Supported values: 0-100

This field is required

Popup Caption Demo

Title

Title

Title

Title

Title

Title