SplitText убирает разрыв строки?

Question

SplitText убирает разрыв строки?

1

Я работаю с SplitText, плагином GSAP, и, используя его, я заметил, что он изменил;

<br>

тег в моем элементе (закомментируйте первую строку в javascript, чтобы увидеть изменение). см. здесь: https://codepen.io/anon/pen/vpWWJJ

Мне интересно, почему это изменение сделано и как я могу вернуть его обратно, как это было до применения SplitText. (как я могу сохранить разрыв строки?)

Спасибо за понимание! Джон

John107 06 янв. 2018, в 18:59

Источник

Теги:

javascript

css

gsap

greensock

1 ответ

Ещё вопросы

AlliterativeAlice · Answer 1 · 2018-01-06T16-31-00.000Z

Разделите свой абзац на два отдельных абзаца с разными идентификаторами и разложите их отдельно:

var descanima =  new SplitText("#descanim1");
var descanima2 = new SplitText("#descanim2");

var tl = new TimelineMax({});
tl.timeScale(1);
tl.staggerFrom(descanima.words, 1, { opacity: 0, x: 5, ease: Power1.easeOut}, 0.01)

tl.staggerFrom(descanima2.words, 1, { opacity: 0, x: 5, ease: Power1.easeOut}, 0.01)

https://codepen.io/anon/pen/mpqqNj

Спасибо @AlliterativeAlice, я решила, что сделаю это, есть идеи, что является причиной этого изменения?
@ John107 Я не уверен, но я представляю, что он просто удаляет все теги HTML, прежде чем превращать слова / буквы в отдельные элементы.