+ 3

Animating the progress bar on hover.

Description: I want to animate progress bar on hover. I want to animate it once. Problem: On hover the animation takes place two times, first it runs on default speed and then it animates on given time. Please wait, it will play twice. Solution: Please help me to animate only once on given time. DODE LINK: https://code.sololearn.com/WES25PGWIluk/#css

9th May 2020, 3:17 PM
Adarsh Mamgain
Adarsh Mamgain - avatar
3 Answers
+ 4
Adarsh Mamgain Hey bro, just remove the animation delay from the animation :)) Add this : animation: transWidth ease-out 0.8s 1 normal forwards;
9th May 2020, 3:33 PM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 4
Thank you both it works. Mandeep Kaur Man Of Action
9th May 2020, 3:38 PM
Adarsh Mamgain
Adarsh Mamgain - avatar