Как мне анимировать текст из текстовой области в неупорядоченный список, чтобы текст вылетел в правильное окончательное место в списке?
Я видел подобные эффекты, но никогда не думал о том, как это на самом деле делается. Я не очень осведомлен о том, как анимация CSS работает, как это. Если бы мне пришлось угадывать, я бы взял содержимое текстовой области, разделил его на куски, используя точку (".") В качестве точки останова. Тогда каждое предложение ... каким-то образом вылетает в свою новую конечную позицию.
До:
<textarea>
Hello world. I am some text.
</textarea>
После * * 1 010
<ul>
<li>Hello world.</li>
<li>I am some text.</li>
</ul>
Выполнить начальное разбиение должно быть довольно легко, это анимация полета, которая заставила меня почесать голову. Честно говоря, я даже не уверен, что раскол делает сцену. Будет ли текстовая область на самом деле искусственной текстовой областью? Я хотел бы увидеть рабочий пример, если это возможно.