[CSS] Prefix Hell 😢😢

Question

When I use animation or transitions, I attach prefix with auto prefix site.(because computer is better than me and I'm lazy)

But, I dont know why should I write prefix?(JQuery animate method doesnt need prefix)

Is it for browser compatibility or kind of test for next css version?

It consumes so many lines...
If I have 8lines of mini anim,
It becomes 16~48lines after prefix.
How can I use 50lines for 1anim
I can't bare it!

Is there a shorthand for prefix?
https://code.sololearn.com/WjWKBbJ74OxK/?ref=app

Answer 1

@ Calvin
Thx!!
But unfortunately I code in only mobile.
I cant use npm. T^T

Answer 2

@Calvin
Thank you for helping me

Answer 3

Other option is online autoprefixer
http://pleeease.io/play/

Answer 4

You could use automation tool like gulp to autoprefix it eg. https://www.npmjs.com/package/gulp-autoprefixer