20 Popup Animation Effects

This tutorial explains how to add advanced popup animation effects in a few simple steps using CSS to the plugins...
Learn more
Add popup animation effects
This tutorial explains how to add advanced popup animation effects in a few simple steps using CSS to the Gridbox plugins — Overlay Section and Lightbox.

To implement a popup animation effect on your website, you will need a code editing tool, Overlay Section and Lightbox plugins.

Tools

Code editor

Estimated time

10 min.

Adding CSS class suffix

1. Copy CSS class suffix, go to Item Settings ➝ General ➝ Advanced ➝ Class Suffix and paste it.


* Popup animation effects can be applied to the plugins Lightbox and Overlay section.

Adding CSS

2. Copy CSS code, go to Tools ➝ Code Editor ➝ CSS and paste it.

Something is not clear? Ask a question on community forums.