How to apply transition on transform translateX

Question

How I can apply a transition on transform: translateX CSS property in Vue?

I\'ve tried in this way but it doesn\'t work, I want to have a smooth slide in