text animimations html code example
Example 1: text animation css
<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>
Example 2: text animation css
.ml6 {
position: relative;
font-weight: 900;
font-size: 3.3em;
}
.ml6 .text-wrapper {
position: relative;
display: inline-block;
padding-top: 0.2em;
padding-right: 0.05em;
padding-bottom: 0.1em;
overflow: hidden;
}
.ml6 .letter {
display: inline-block;
line-height: 1em;
}