Prefixed vs Non-Prefixed CSS property value pairs

gistfile1.md

What is the list of CSS properties that have variations between prefixed and non-prefixed values? That is, to get from the non-standard to the standard variant you can't just remove the -foo- prefix in prop: -foo-value.

Non-standard here can mean proprietary props that evolved into specced ones, or just early implementations of a spec.

Example,

Flexbox:

Nonstandard: display: box, or display: -webkit-box Standard: display: flex

What else is out there? Prefixed properties are also OK, if an example exists.

linear-gradient: 0deg changed where it started

Intrinsic sizes: http://caniuse.com/intrinsic-width

width: -webkit-max-content;

Moz has different values for some of these.

Ah nice ones. Thanks. @bfrohs and @ebidel.

Another one:

-webkit-font-smoothing: antialiased vs -moz-osx-font-smoothing: grayscale

Check autoprefixer sources. There's a big vendor prefixes/values matching work done, including Flexbox, gradients and many more. Am I right @ai?

Awesome @pepelsbey, presumably here: https://github.com/ai/autoprefixer/tree/master/lib/hacks (brb learning coffeescript)