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%
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
