sorry to disappoint but in html5 / css3 everything is still highly in flux. Browsers implement features very early to be "as cool as possible". to preserve functionality of existing scripts even if the standard changes, they started adding browser-prefixes at some point.
for now you have to use multiple definitions in CSS for animations (among others) and even include some JS fallback for IE9- as IE starts support for translation in IE10 (though there is a workaround with "zoom" in IE9)
Check out CanIUse.com for snapshots of supported features: http://caniuse.com/transforms2d and the hardware-accelerated version http://caniuse.com/transforms3d
also kinda good is this resource: http://www.css3files.com/transform/
if you include the standard-definition after the 5 prefixed definitions newer browsers will use that instead... besides that: when you try using a fancy css feature simply google it togehter with "cross-browser" and you should get links to decent generators that do the hard work for you until you know it by heart.