Help please?

Question

I can not seem to get this to work... what is the best way of playing an animation oncklick?

https://sololearn.com/compiler-playground/WgaYjYkc34lV/?ref=app

Answer 1

Daniel
here is a no js version.
the trick is to use :hover to set the animation and :active to remove it. I also tweaked the style a bit.

https://sololearn.com/compiler-playground/WfujKK9i85xz/?ref=app

Answer 2

Thank you so much😀

however,it only works once....

Answer 3

Wow,thanks I did not know you could do that..

Answer 4

I cannot seem to make a onclick animation..

If you can't help,it's fine

Answer 5

I added comments in the CSS and the Javascript tab. I short: On clicking, we add the animation as CSS class and remove it again after a certain duration. This way, we can add it again on the next click.

In your CSS there appears to be a problem: there is no closing } for the body?

https://sololearn.com/compiler-playground/WZLWPbn1UK1T/?ref=app

Answer 6

Thanks Bob_Li

Answer 7

Daniel
https://sololearn.com/compiler-playground/WV07pSMaayMc/?ref=app

Answer 8

when I write

onclick="x()"

instead of

onclick="x"

it started to spin. Is this what you wanted to achieve?

Answer 9

I see u have started fronted for beginners. It's a good start.keep going😃

Answer 10

Hmmm I can help, but I'm only just started about half a year ago with web

Answer 11

Yeah..well...I'm in school

Answer 12

me too.
You r from UK.. right?

Answer 13

U india

Answer 14

😁👍🏼

Answer 15

So,you have started python and web.

Answer 16

https://sololearn.com/compiler-playground/WosDp3hfYa0L/?ref=app

Answer 17

What is "this"?

Answer 18

Read the comment instead of just upvoting it.

If you need help with your code, link your code.

Answer 19

Hey Daniel, can you able to see my comment

Answer 20

Yup