Why is my animation not smooth?

Question

I was tryna learn cubic-bezier function and this happened. Why's this happening? Also, can anyone explain how exactly cubic-bezier function works?

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

Answer 1

Try with this :
animation:anim 4s cubic-bezier(.17,.67,.37,1.02) infinite;

It start very fast until the curve is smached at the end, producing a very slow ending.

Example: https://cubic-bezier.com/#.17,.67,.37,1.02

Answer 2

Geoffrey L oh yeah thank you got it :)

Answer 3

Geoffrey L nothing is happening

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

Answer 4

Have more dynamic examples here:
https://greensock.com/docs/v3/Eases

Answer 5

You missed a coma between .67 and .37