The same animation, not working on a different section

Design help Animations & Interactions
1

Animation is not working, though it has the same settings. Please see loom video.

Class name is the same, animations are the same. I literally copy pasted the element.

Any idea on why this is happening?

Here is my public share link: LINK
(how to access public share link)

2

@Beldion Go to your interaction and change to “Class”

image

3

@Matthias,

If I do that everytime I hover, all elements with the said class name changes the background color.

4

@Beldion Your are right:
I would recommend to use CSS hover. I tested it. And it worked.

  • remove “link block” and “text block”
  • add a new “text link”
  • style it with padding
  • add a CSS hover, set a new BG color and text color.