Get meza theme

Hover

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.

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?

Yes

No

Last update on: June 5, 2020

Share:

Related Articles

CSS

Advanced css options.

Shadow

Learn how to use shadow control.

Transition

Learn how to use transition options.

Items animation

Learn what is items animation and how to use it.