Quadra has a very stylish text animation. This animation, which works for each letter separately, is a bit difficult for the browser, so we recommend using it for short sentences or words.
For these animations, you do not need to enclose each letter in a separate dom element. Just add the sentence. And you can adjust the speed via "data-speed" attribute. It has nothing to do with font styles and font family. You can adjust the typography as you wish.
All font styles, colors and sentence quantity are up to you.
Vestibulum eget nibh eu ligula suscipit accumsan. In suscipit erat ac ex placerat, quis finibus justo auctor. Nulla bibendum lorem ac libero hendrerit, nec tincidunt nisl ultrices. Duis gravida ut felis a mattis. Aliquam posuere venenatis mi, et ultrices orci facilisis eu. Aliquam nec elit purus. Phasellus imperdiet convallis fringilla. Integer velit turpis, molestie non iaculis sed, pharetra eget ligula. Proin ut pharetra lacus. Curabitur at arcu eu diam molestie sodales. Vestibulum molestie neque in velit congue feugiat. Integer vehicula orci mauris, vitae auctor justo auctor ut. Duis rhoncus, tortor a tempus vehicula, velit tellus euismod massa, placerat fringilla est purus a metus. Donec malesuada risus tortor, et volutpat sem aliquam non.
Vestibulum eget nibh eu ligula suscipit accumsan. In suscipit erat ac ex placerat, quis finibus justo auctor. Nulla bibendum lorem ac libero hendrerit, nec tincidunt nisl ultrices. Duis gravida ut felis a mattis. Aliquam posuere venenatis mi, et ultrices orci facilisis eu. Aliquam nec elit purus. Phasellus imperdiet convallis fringilla. Integer velit turpis, molestie non iaculis sed, pharetra eget ligula. Proin ut pharetra lacus. Curabitur at arcu eu diam molestie sodales. Vestibulum molestie neque in velit congue feugiat. Integer vehicula orci mauris, vitae auctor justo auctor ut. Duis rhoncus, tortor a tempus vehicula, velit tellus euismod massa, placerat fringilla est purus a metus. Donec malesuada risus tortor, et volutpat sem aliquam non.
Vestibulum eget nibh eu ligula suscipit accumsan. In suscipit erat ac ex placerat, quis finibus justo auctor. Nulla bibendum lorem ac libero hendrerit, nec tincidunt nisl ultrices. Duis gravida ut felis a mattis. Aliquam posuere venenatis mi, et ultrices orci facilisis eu. Aliquam nec elit purus. Phasellus imperdiet convallis fringilla. Integer velit turpis, molestie non iaculis sed, pharetra eget ligula. Proin ut pharetra lacus. Curabitur at arcu eu diam molestie sodales. Vestibulum molestie neque in velit congue feugiat. Integer vehicula orci mauris, vitae auctor justo auctor ut. Duis rhoncus, tortor a tempus vehicula, velit tellus euismod massa, placerat fringilla est purus a metus. Donec malesuada risus tortor, et volutpat sem aliquam non.
You can use individual styles for all the words or sentences in the animation.
Vestibulum eget nibh eu ligula suscipit accumsan. In suscipit erat ac ex placerat, quis finibus justo auctor. Nulla bibendum lorem ac libero hendrerit, nec tincidunt nisl ultrices. Duis gravida ut felis a mattis. Aliquam posuere venenatis mi, et ultrices orci facilisis eu. Aliquam nec elit purus. Phasellus imperdiet convallis fringilla. Integer velit turpis, molestie non iaculis sed, pharetra eget ligula. Proin ut pharetra lacus. Curabitur at arcu eu diam molestie sodales. Vestibulum molestie neque in velit congue feugiat. Integer vehicula orci mauris, vitae auctor justo auctor ut. Duis rhoncus, tortor a tempus vehicula, velit tellus euismod massa, placerat fringilla est purus a metus. Donec malesuada risus tortor, et volutpat sem aliquam non.
Vestibulum eget nibh eu ligula suscipit accumsan. In suscipit erat ac ex placerat, quis finibus justo auctor. Nulla bibendum lorem ac libero hendrerit, nec tincidunt nisl ultrices. Duis gravida ut felis a mattis. Aliquam posuere venenatis mi, et ultrices orci facilisis eu. Aliquam nec elit purus. Phasellus imperdiet convallis fringilla. Integer velit turpis, molestie non iaculis sed, pharetra eget ligula. Proin ut pharetra lacus. Curabitur at arcu eu diam molestie sodales. Vestibulum molestie neque in velit congue feugiat. Integer vehicula orci mauris, vitae auctor justo auctor ut. Duis rhoncus, tortor a tempus vehicula, velit tellus euismod massa, placerat fringilla est purus a metus. Donec malesuada risus tortor, et volutpat sem aliquam non.