Gatts

(I am not sure if this is the right way of attaching a video here) What i've tried to do is separate each <text> into <tspan> 's letter. Each of that letter would have the same classname. I have encountered a problem where translate properties are not working on the tspan but other animation properties are working like opacity. Based on my research, it is also not possible to use translate properties on <tspan> elements. So, how would you guys suggest I do this effect?