En la última versión estable de Google Chrome: Versión 31.0.1650.63 m (Canario también) todavía hay un error cuando hay un radio de borde y una transición involucrada. El contenido dentro del elemento que tiene un radio de borde aplicado no se recorta hasta el final de la animación.

Me las arreglé para resolverlo mediante la transición de las propiedades "top" y "left" en lugar de translateX / translateY

http://codepen.io/iki_xx/pen/wCFuo

Sin embargo, parece que no puedo encontrar un sustituto para animar la opacidad.

http://codepen.io/iki_xx/pen/mspgE

¿Hay una solución para la opacidad?