Link block issues

Design help Animations & Interactions
1

Hi guys,

I’m having a problem with a hover effect on a link block.

When trying to hover, the background element fills the link block perfectly, but when hovering out, the background element seems to overflow the link block itself.

Can someone tell me what I’m doing wrong here?

Here’s my read only link: Link

2

hi @Jacob_Nielsen problem is with mixing units on hover. On in you have % and on out is REM. When you set on both interactions identical units all will work as expected. For example set on out value to 25% :wink:

3

Thanks a lot! That did the trick. Obviously :man_facepalming:

1 Like
4

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.