Hover effects panel

Add awesome hover effects to your website elements. We have around 40+ hover effects to apply to Oxygen elements.

Opening Hover effects panel

Select an Oxygen element/div/button/text or a section and click on Hover effects icon on the top bar. Cursor icon is hover effects icon.

Hover effects panel — Hover effects panel

When you click on the hover effects icon, it opens a slide over panel with all hover effects we have. You can mouse over those hover effect names to see the hover effect it applies to the element.
A few hover effects depend on further hover effects to work. If you click on base hover effects in the step 1, if the hover effect has further options to apply on, it shows the step 2, 3, 4 as mandatory.

Hover effects selection — Hover effects selection

You can apply further effects depending on the required / optional / not applicable status of the steps.

Applying hover effects to an element — Applying hover effects to an element

Once all the required steps are selected, Apply Hover Effects button will be active and visible to click.
That’s all.

Play with our effects to apply awesome hover effects to your elements.