Es simplemente porque son propiedad exclusivamente del navegador que use como motor -webkit- o -blink-.
Se les llama clases privativas por eso usas el prefijo -webkit-, si solo te interesa la audiencia de chrome, pues lo dejas así, pero para firefox no existe y el soporte para internet/edgexplorer es escaso.
Aquí un articulo super detallado:
https://escss.blogspot.com/2012/09/e...onalizado.html
Aunque yo te recomiendo, que en el día y año de hoy por hoy 2016, lo mejor será que lo hagas usando javascript, yo uso
PerfectScrollBar porque se adapta a todo, pero hay muchos por ahí más personalizables en apariencia.
La verdad es algo que si le debería corresponder a CSS su manipulación, pero por cuestiones de accesibilidad y usabilidad no lo está, o bueno al menos esa es la excusa.