Get meza theme


How to customize the hover state.

You can customize most of design options on hover state you can enable by the little arrow that appear on hover on option group name.

Hover state in action

When enable hover for option group you will find a blue arrow beside the title. If an options group has hover options you will find a trash icon to delete hover options.

hover delete - Hover

Add transition

Hover state works well in the last example, but it’s too quick. Now we will add some transition to make a hover nice and slow.

Real World example

Use Effects options with hover options to make a better testimonials showcase.

Was this article useful?



Last update on: February 4, 2021


Related Articles


How to add visual effects to elements.


How to use Parallax effect.


Color, Gradient, Image or Video

Text animation

Learn how to animate text.