Icon size on hover

How do I change the icon size once it’s hovered? I could use an image…

You can have two icons and hide one.

When a user hovers over the smaller one, hide it and show the bigger one (build animation into this so it looks seamless).

2 Likes

One workaround is to add a transparent border to the icon, and remove the border when it’s hovered :slight_smile:

Transparent border:

Conditional:

You can also make it look animated by adding a “border width - all borders” transition:

Preview:

Editor:

2 Likes