Need help CSS hover effect not working.

Question

I'm trying to create a pulse effect on hover but it's not working can anyone tell me what I did wrong ... ?

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

Answer 1

is this ok?
https://code.sololearn.com/WU82y548U57p/?ref=app

Answer 2

you mean this
add and ssee

.main:hover{
-webkit-animation:pulse 3s linear infinite;
}

Answer 3

I want to animate the background shadow not the main div.

Answer 4

@Elizabeth not exactly but not a problem I made changes in the DOM. It's working just fine.