Javascript 整版CSS-SVG[动画JS]

目前我正在尝试向标题添加动画。在这个例子中，我只使用ABC

我想：

| ABC |

我想实现以下目标：

|ABC |

并将一个字母（例如100px）向右移动，垂直移动到页面底部

我试图在整个页面上创建一个元素，在这里我可以按我想要的方式移动每个SVG字母的X和Y，而不会被切断。但我不是css中最好的

这是我目前的代码

有人能帮我吗

---

谢谢。

像那样吗？-是的，像那样。垂直和水平居中，看起来像“正常”标题，字母之间没有空格好的，但你是什么意思“并将一个字母（例如100px）向右移动，垂直移动到页面底部。”以及“我尝试在整个页面上创建一个元素，在该元素中，我可以按照我想要的方式将每个SVG字母按X和Y移动，而不会被切断。”正如您在JSFIDLE上看到的，我添加了一个带有动画的动画，但字母“B”如果我把它移到底部，它就会被切断。像那样吗是的，像那样。垂直和水平居中，看起来像“正常”标题，字母之间没有空格好的，但你是什么意思“并将一个字母（例如100px）向右移动，垂直移动到页面底部。”以及“我尝试在整个页面上创建一个元素，在该元素中，我可以按照我想要的方式将每个SVG字母按X和Y移动，而不会被切断。”正如您在JSFIDLE上看到的，我添加了一个带有动画的动画，但如果我将其移动到底部，字母“B”将被切断。