CSS Animations` Effect on Pseudo-Element
Hello guys....
I am trying to make an animation where a button would bounce on a line. The button is the main element and the line it bounces on is the pseudo-element. I want the pseudo-element to be stable while the button bounces on it but it inherits the parent animation so its not working.
This is the codepen link: https://codepen.io/SsadiqRoy/pen/JjwoNpP?editors=1100
Please the animation is on hover and
I am trying to make an animation where a button would bounce on a line. The button is the main element and the line it bounces on is the pseudo-element. I want the pseudo-element to be stable while the button bounces on it but it inherits the parent animation so its not working.
This is the codepen link: https://codepen.io/SsadiqRoy/pen/JjwoNpP?editors=1100
Please the animation is on hover and
translate-origin: 0% 50% so to test it, hover your mouse at this coordinates
