Why does my animation not work when hovering on the button. https://codepen.io/raul-rogojan/pen/qBWQzVb
I am trying to achieve something like this site has. https://promo.antrenortenis.com/mihai.html?fbclid=IwAR3a7e0qwkHkWkF8mhZCiIpi6H1T06tk5L9ePw97JuHAvIO9XNx7_2L2CbA
@SempervivumSep 20.2019 — #`form button:hover ~ form button::after {</C><br/> <C>~</C> is the sibling operator, the selector above adresses the next sibling form of a form which doesn't exist as there is only one form.<br/> Change it to this and it will work:<br/> <C>form button:hover::after {`
BTW: It works but it is confusing if the keyframes are defined in a descending order.
@codyhillauthorSep 21.2019 — #@Sempervivum#1608940 Thx, I made it work now. The problem I have is that I don't know how to make it reverse when I remove the mouse.
https://codepen.io/raul-rogojan/pen/qBWQzVb - Here is what I have so far.
https://promo.antrenortenis.com/mihai.html?fbclid=IwAR3a7e0qwkHkWkF8mhZCiIpi6H1T06tk5L9ePw97JuHAvIO9XNx7_2L2CbA - Here is how I wanted it to look. You can see the difference.