Циклическое переключение слов со статической фразой; CSS-анимация ⇐ CSS

[Anonymous]

В каждом примере, который я нашел, сначала статичная фраза, за которой следуют повторяющиеся слова. Бывший. «Это статическая фраза» слово1/слово2/слово3. Мне нужно перевернуть его так, чтобы получилось слово1/слово2/слово3 "следует эта статическая фраза".
Я основывал свои попытки на этом превосходном примере,

Код: Выделить всё

Cycling words using CSS Animations


Our product is

Amazing.
Beautiful.
Cute.
Delightful.
Emotional.

но мой статический текст всегда начинается в начале строки и перекрывает зацикленные слова. Цель состоит в том, чтобы статический текст следовал за анимированным (т. е. циклическим) текстом.
В одном сценарии циклические слова могут иметь одинаковое количество символов, но в другом, наиболее распространенном, , это зацикленные слова имеют разную длину, а это означает, что статическая фраза не находится в фиксированной позиции.

Подробнее здесь: https://stackoverflow.com/questions/781 ... -animation