Cita:
Iniciado por kseso? las transition se suelen definir para un evento, como por ejemplo hacer :hover.
Si no es así, con el valor traslate es como si les declarase directamente un left:X.
Al cargar el html el navegador que ya tiene leído el css lo aplica diréctamente y el efecto no se muestra.
Si no lo quiere desencadenar con un evento, esto es, que se realice de forma automática, use las @key-frames.
Y anótese las sugerencias de C2am. Las formas (buenas) es un todo.
Un amigo me dijo que si se podian usar transform + transicion para hacer un efecto de movimiento unico, por ejemplo al de un logo ...