Waves
.js — Text animation in javascript
by
@mateogianolio
Ψ(x) = A · sin (ω · x + φ)
A =
36
ω =
π/17
φ
inc
=
π/36
font-size =
0.5rem
Text
(has to consist of space-separated words)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eleifend massa sem, at egestas est elementum at. Pellentesque et interdum risus. Morbi semper augue vitae risus dignissim hendrerit. Phasellus lectus est, dapibus laoreet feugiat sit amet, porttitor eu urna. Donec dolor tortor, malesuada in tempus a, suscipit quis nisi. Integer lectus velit, semper in aliquam non, condimentum eget metus. Morbi et tempor nunc, sit amet cursus velit. Pellentesque eu gravida arcu. Ut et rutrum mi. Curabitur tristique vestibulum lacus, a dapibus lorem vestibulum id. Phasellus mollis pulvinar tellus, eget convallis turpis gravida et. Sed eget lorem sodales arcu volutpat sodales. Donec tempus ex in maximus gravida. Maecenas nec rhoncus est. Aliquam ultrices vitae orci ut malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque aliquam porttitor arcu vel malesuada. In vehicula dui arcu, quis maximus magna semper semper. Morbi egestas pharetra porta. Duis molestie tortor lectus, eget lacinia eros tincidunt id. Mauris eu mollis diam. Integer lobortis orci vitae nisi vulputate, ac condimentum arcu tincidunt. Donec fringilla convallis metus vel dictum. Donec a erat vel ipsum posuere pulvinar eget in ante. Suspendisse eget aliquet tellus, vitae viverra risus. Nam sagittis mauris ex, ac eleifend lacus sagittis eget. Ut molestie eget tortor et accumsan. Integer interdum non lacus ullamcorper facilisis. Mauris hendrerit orci id urna vehicula egestas. Nunc eu dolor pharetra, lacinia ligula vel, varius justo. Aliquam eu odio tortor. Proin ut mi in diam efficitur ultricies non a ipsum. Nam vel tempus mauris, eu facilisis metus. Morbi nec sapien nec lacus venenatis dictum in non ex. Curabitur a ante diam. Quisque quis libero ut mauris viverra consequat. Vivamus quis aliquam eros. Ut at mollis enim. Sed sapien mauris, ullamcorper ut dolor hendrerit, tempor ultricies arcu. Nulla condimentum pharetra eleifend. Maecenas enim felis, eleifend non ante a, posuere feugiat leo. Duis lectus ligula, mollis at metus in, accumsan posuere nibh. Etiam egestas in mi consequat congue. Duis porta eleifend quam, a condimentum ex vestibulum maximus. Vivamus at felis ultrices, tincidunt dolor fringilla, placerat tortor. Fusce fermentum dolor velit, sit amet rutrum orci varius eu. Donec est tortor, volutpat vel ullamcorper in, volutpat a urna. Vestibulum sed dapibus justo. In velit massa, lacinia nec nulla gravida, feugiat pellentesque erat. Suspendisse potenti. Praesent id mauris nec est facilisis dictum. Morbi quis nunc facilisis, egestas ipsum a, commodo justo. Morbi iaculis consectetur mauris, eget vestibulum diam. Nunc imperdiet odio nisi, sit amet tristique quam porttitor sit amet. Aenean consectetur, ante ac consequat lacinia, ex ligula lobortis lacus, id venenatis libero mi sed lorem. Etiam egestas in mi consequat congue. Duis porta eleifend quam, a condimentum ex vestibulum maximus. Vivamus at felis ultrices, tincidunt dolor fringilla, placerat tortor. Fusce fermentum dolor velit, sit amet rutrum orci varius eu. Donec est tortor, volutpat vel ullamcorper in, volutpat a urna. Vestibulum sed dapibus justo. In velit massa, lacinia nec nulla gravida, feugiat pellentesque erat. Suspendisse potenti. Praesent id mauris nec est facilisis dictum. Morbi quis nunc facilisis, egestas ipsum a, commodo justo. Morbi iaculis consectetur mauris, eget vestibulum diam. Nunc imperdiet odio nisi, sit amet tristique quam porttitor sit amet. Aenean consectetur, ante ac consequat lacinia, ex ligula lobortis lacus, id venenatis libero mi sed lorem. Etiam egestas in mi consequat congue. Duis porta eleifend quam, a condimentum ex vestibulum maximus. Vivamus at felis ultrices, tincidunt dolor fringilla, placerat tortor. Fusce fermentum dolor velit, sit amet rutrum orci varius eu. Donec est tortor, volutpat vel ullamcorper in, volutpat a urna. Vestibulum sed dapibus justo. In velit massa, lacinia nec nulla gravida, feugiat pellentesque erat. Suspendisse potenti. Praesent id mauris nec est facilisis dictum. Morbi quis nunc facilisis, egestas ipsum a, commodo justo. Morbi iaculis consectetur mauris, eget vestibulum diam. Nunc imperdiet odio nisi, sit amet tristique quam porttitor sit amet. Aenean consectetur, ante ac consequat lacinia, ex ligula lobortis lacus, id venenatis libero mi sed lorem. Etiam egestas in mi consequat congue. Duis porta eleifend quam, a condimentum ex vestibulum maximus. Vivamus at felis ultrices, tincidunt dolor fringilla, placerat tortor. Fusce fermentum dolor velit, sit amet rutrum orci varius eu. Donec est tortor, volutpat vel ullamcorper in, volutpat a urna. Vestibulum sed dapibus justo. In velit massa, lacinia nec nulla gravida, feugiat pellentesque erat. Suspendisse potenti. Praesent id mauris nec est facilisis dictum. Morbi quis nunc facilisis, egestas ipsum a, commodo justo. Morbi iaculis consectetur mauris, eget vestibulum diam. Nunc imperdiet odio nisi, sit amet tristique quam porttitor sit amet. Aenean consectetur, ante ac consequat lacinia, ex ligula lobortis lacus, id venenatis libero mi sed lorem.
Visit the
GitHub page
and grab yourself a copy of the source!