I have been using the -moz and -webkit css styles for a while now for things like box shadow, text shadow, etc. And lately I have noticed that each FireFox, Chrome, Safari, and IE (9) all yield the same results with the standard box-shadow and text-shadow and similar css styles.
I was wondering if this is documented anywhere. Because I successfully removed all of the browser-specific ones from a site and it still looks the same in all four of those browsers.
I suppose it depends on the version of the browsers you are targeting.
It sounds like if, and only if, your app or site is intended to only work on the very latest versions of all the browsers, you can afford to omit the -moz and -webkit on the specific properties you have tested.
There are other properties that aren’t supported on all browsers, e.g. my personal favourite webkit-transition. Of course in actual reality it’s unlikely you can get away with targetting only the latest browsers unless you’re making a personal project.