Text appearing on hover

Ask the community
1

I have a few items that appears on hover like this:


Initial state


On hover

The orange outline and black overlay fade in normally, but the text comes in a little weird. It’s almost as if it all starts at the top and then spreads out to the full height as it fades in. But it’s also not a smooth fade in, it’s movement is pretty sticky whether it’s in the preview in the editor or on the published website. All of the items are set to 0% opacity during initial state and 100% opacity on hover. Any ideas why it might be appearing this way?

2

Hi! Try to remove the trigger of the hover effect and delete the effect itself. Then create the same effect from scratch. If the issue is recreating again send a link to your site here

3

That fixed it, thanks!