aos
aos copied to clipboard
transition attribute/property in css set to 0s or none
This is:
- Bug
Specifications
- AOS version: 2.3.4
- OS: Windows 10
- Browser: Chrome
Expected Behavior
text
gets animated on scroll, and when on hover it should increase the padding with a transition.
Actual Behavior
text
gets animated on scroll, and when on hover it increased the padding instantly.
Steps to Reproduce the Problem
- Create a
<p>
tag with classtext
- Add the property
transition
to thetext
class with a value of0.3s
- Make the class
text
increase padding on hover - Add
data-aos="fade-up
to the<p>
tag
Detailed Description
Basically I have a <p>
element (classed in text
) that I want to animate fade-up
. In my CSS, I make text
set the padding to 16px with 0.3s of transition.
`text {
transition: 0.3s;
}
.text:hover {
padding: 16px;
}
But when I added data-aos="fade-up"
, the transition is gone, like it's been set to 0s.