How to fix width of input field after animating it's width?

Question

the animation works, but after the animation is done, the width changes to 40% again. I want that th width should be 100% even after 100% of animation. Please help
https://code.sololearn.com/WD42UdQ7np09/?ref=app

Answer 1

Have you tried something like this?
https://stackoverflow.com/questions/12991164/maintaining-the-final-state-at-end-of-a-css3-animation

It would be helpful if you linked your code – this way others can test it themselves. If you need help, can you please link your code?

Answer 2

Why not just remove the animation from the element when you don't need it anymore?

Answer 3

Lisa , I want to do that with css only

Answer 4

Read what I have linked you and try animation-fill-mode