Animate.css
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
Fierce Fish
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<!-- For up Direction-->
<marquee width="60%" direction="up" height="100px"></marquee>
<!-- For Down Direction-->
<marquee width="60%" direction="down" height="100px"></marquee>
<!-- For Right Direction-->
<marquee width="60%" direction="right" height="100px"></marquee>
<!-- For Left Direction-->
<marquee width="60%" direction="left" height="100px"></marquee>
animation
<h1 class="ml6">
<span class="text-wrapper">
<span class="letters">Beautiful Questions</span>
</span>
</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>