JSFiddle - React, Tailwind, and code Playground

by Ting-Yuan Chang

HTML

<script src="https://camwiegert.github.io/baffle/dist/baffle.min.js"></script>
<div class="headline">
壬戌之秋，七月既望，蘇子與客泛舟遊於赤壁之下。清風徐來，水波不興。舉酒屬客，誦明月之詩，歌窈窕之章。少焉，月出於東山之上，徘徊於斗牛之間。白露橫江，水光接天。縱一葦之所如，凌萬頃之茫然。浩浩乎如馮虛御風，而不知其所止；飄飄乎如遺世獨立，羽化而登仙。
</div>

JavaScript

let b = baffle('.headline', {
    characters: '█▓▒░█▓▒░█▓▒░<>/',
    speed: 100
});
b.start().reveal(3000);