about the "beam of light" css effect

Question

Hello everyone, I was trying to make an effect that when I move the mouse over the input, it changes color, to black (your text is white) and when it is ready, A ray of light passes through it; I did the 'keyframes', I inserted the 'animation', but it still didn't work, what do I do to make it work? Appreciate :)
https://code.sololearn.com/WvFCNxSa7g1E/?ref=app

Answer 1

João Hoffman

Really Can't understand your question totally but try this once

Sorry if it doesn't helps

https://code.sololearn.com/W9Go7pFRftGZ/?ref=app

Answer 2

Arnesh Thanks for correcting but I have already corrected it before.
Sometimes it happens :-)

Answer 3

Nilesh In the js, you have written aler instead of alert. :-)

Answer 4

Nilesh What I'm trying to do is pass a white linear gradient on the button

Answer 5

But when I put "animations", it didn't work

Answer 6

Sorry people, the problem is that I use the translator; -;