html / css Why this code doesn't works ?

Question

the animation doesn't match, why?
https://code.sololearn.com/W60jbRdd07lo/?ref=app

Answer 1

from @Burey, it's my phone which has not a recent update (4.4.4 on android) so I can't see moving the blocks

Answer 2

amazing ying & yang O.o ok I will try :)

Answer 3

You could try prefixfree, which is just doing what Andrew mentioned by an import.

I include it in this code, which worked for Maz:
https://code.sololearn.com/WLZFqkui99gM/?ref=app

Answer 4

but why your code works just with 'animation' then me not ?

Answer 5

That's dope. works for me

Answer 6

Doesn't match what?

If you want all the squares to move at once, adjust the delays at lines 8, 19, 30 and 41. They are currently 0.3s offset from each other.

Answer 7

prefixfree adds the prefixes @Andrew recommended automatically.

Though this is the 'right' way to do it, technically​ Andrew was first here.

Answer 8

This is the author / source; I forgot to link it.

Apparently there's a jQuery plugin. I linked my copy to rawgit -> github, other people (like ValentinHacker) use dropbox.

https://leaverou.github.io/prefixfree/