有没有一种很好的方法来模拟Marquee（在Google Chrome中）？

Question

我一直在尝试模拟选框效果的方法。我已经了解浏览器Chrome使用Shadow DOM。我并不完全确定这是多么诚实。

我尝试过简单地使用Marquee，或者将子元素包装在容器中，依此类推。所有这一切的问题在于我不想以任何方式影响网站的布局。这就是我不能允许自己改变DOM的原因。

我的目标是能够将类添加到任何节点，立即使其表现得像一个选取节点。我正在考虑以下规格：

• 在起始位置，内容的左侧应与容器边界框的右侧对齐。
• 在最终位置，内容的右侧应与容器边界框的左侧对齐。
• 内容不应在容器的边界框外显示。
• 内容可以由任何节点组成，甚至是文本，也可以是分隔符。

由于我希望能够影响非内联元素，因此text-indent和overflow: hidden不在考文范围内。由于我不想影响网站的布局，因此操纵容器的任何尺寸都是不可能的。

我已经transform: translateX获得了一些运气，实际上以下代码确实完全符合我的要求，除了缺少一个重要功能。

@keyframes marquify {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

这种方法非常幸运，它不会影响任何布局。这种方法非常不幸的是它操纵了如何呈现容器，而不是内容。问题是内容仍然可以在transform: translateX(-100%)看到。 overflow: hidden在这里没有任何帮助，因为内容是因为事实并非溢出它的父母。即使clip-path也无法帮助我。

作业的一线希望是它只需要适用于谷歌浏览器。但这就是我所拥有的，一切都没有。有什么想法吗？