KwNKjN

index.html

<svg width="100%" height="100%" viewBox="0 0 1000 300">
  <defs>
    <path id="p" />
  </defs>
  <text font-family="Verdana" font-size="40">
    <textPath xlink:href="#p">
      We go up, then we go down, then up again
    </textPath>
  </text>
</svg>

KwNKjN.markdown

KwNKjN

Forked from Balint Polgarfi's Pen KwNPRE.

A Pen by Jeong Inyoung on CodePen.

License.

script.js

var $p = $('#p'),
    p = { y: 0 };
TweenMax.to(p, 1, {
  y: 300,
  repeat: -1,
  yoyo: true,
  ease: Back.easeInOut,
  onUpdate: function() {
    $p.attr('d', 'M 100 150 Q 300 '+p.y+', 500 150 T 900 150');
  }
});