Свойство, которое отвечает за плавность - transition. Translate отвечает за вид изменения, который происходит.
Рекомендую применять примерно следующую конструкцию. Элементу, который планируется анимировать добавлять свойство. transition: .3s all ease-in-out; .3s - идеальное время, которое кажется человеческому глазу наиболее плавным. all отвечает за виды анимации, на которое будет срабатывать это свойство. ease-in-out - наиболее плавный вид функции изменения. Она начинается медленно, ускоряется с пиком скорости в центре и замедляется к концу. Примерно так же действует человеческий организм и классическая физика, поэтому этот вид движения нам кажется наиболее приятным и понятным.
