Text animation css

Animate.css

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />

Source: animate.style

Which text is used to create text animations in html

<!-- 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>

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>

Source: tobiasahlin.com

Animating a text in css

animation

Similar codes

26 votes209 views6 answers
Ngfor with index
Html
2 votes215 views2 answers
Html emojiis
Html
0 vote218 views1 answer
Tailwind flex shrink
Html
0 vote231 views1 answer
Ionic footer not appearing
Html
0 vote213 views1 answer
React bootstrap navbar fixed
Html
0 vote231 views1 answer
Mongodb playground
Html
0 vote229 views1 answer
Ome.tv no camera
Html
3 votes213 views3 answers
Vue js v-for array index
Html
0 vote212 views1 answer
Change css angular binding
Html
2 votes221 views2 answers
Html table filter by all columns
Html