Anime.js backgroundColor带来意想不到的结果

Question

所以我一直在玩弄Anime.js。我正在使用这一小段代码来尝试用一个字母id为a的div标记进行动画处理。

anime({
    targets: "#a",
    translateX: 250,
    color: "#fff",
    backgroundColor: "hsl(200, 50%, 50%)",
    loop: true,
    direction: 'alternate',
    easing: 'easeInOutQuad'
});

问题是(至少对于我在Google Chrome中)这个元素似乎在动画的开始就以一个黑色的css background-color开始，即使它没有在css中特别设置任何背景色。一些挖掘似乎表明，元素的默认背景颜色是rgba(0,0,0,0)，当使用带有alpha通道的颜色时，Anime.js似乎不起作用。我想这就解释了为什么动画以黑色开头。为css中的元素设置背景色似乎可以解决这个问题，即使它有alpha通道，但alpha通道永远不会在动画中生效。

但是，如果我想要从背景色rgba(0,0,0,0)到纯色的动画怎么办？谷歌搜索不会透露太多信息，因为Anime.js是相当新的。有没有人知道有什么方法可以让这个在Anime.js中工作？如果Anime.js不支持此功能，有谁知道有其他JavaScript动画库支持此功能？我需要支持动画颜色与阿尔法通道。

为了方便起见，这里有一个到目前为止我已经拼凑在一起的in a quick CodePen.的演示