Aos: Does AOS override animations in :hover selector?

[halverson]

Hi everyone!

I have used AOS to animate portfolio items into view as the user scrolls down on my site. But since I added it, my hover effects on the same portfolio items no longer trigger when the mouse moves over them.

Apologies if this is a known issue, I couldn't find anyone talking about it (at least not in a way that I understand).

Here is a Codepen showing the issue: https://codepen.io/halverson13/pen/ERaLxW

If you disable AOS the hover effect starts working again.

Thanks for any assistance!

[bubbaspaarx]

Hi there. I second these issues. I have a button with a background transition that doesn't work when using the aos animations. but as soon as I remove the AOS animations it works fine

[michalsnik]

Hey, it's because you try to transition transform which is already being used by AOS animation. If you want to change properties that AOS uses to animate elements on scroll, you can either use more specific selectors, or preferably wrap the element with another tag, and use AOS on it :)

[zhaoboxiang]

Hey, it's because you try to transition transform which is already being used by AOS animation. If you want to change properties that AOS uses to animate elements on scroll, you can either use more specific selectors, or preferably wrap the element with another tag, and use AOS on it :)

great! it work for me . thank you very much michalsnik

[karthick-potter]

use !important. It'll fix the issue