Css hover animation text

a {
  /* Same as before */
  background: linear-gradient(to right, midnightblue, midnightblue 50%, royalblue 50%);
}

Source: css-tricks.com

Css hover animation text

a {
  /* Same as before */
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
}

Source: css-tricks.com

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

Similar codes

5 votes357 views2 answers
Make text not selectable
CSS
3 votes374 views3 answers
Css border left
CSS
8 votes377 views2 answers
CSS change image height
CSS
0 vote362 views1 answer
Css 16 9 ratio
CSS
4 votes435 views3 answers
Add space between flex items
CSS
0 vote464 views2 answers
Using materialize css with react
CSS Materialize
96 votes364 views3 answers
Css hide scrollbar but allow scroll
CSS
1 vote390 views2 answers
Place items
CSS
1 vote372 views1 answer
Input date icon width
CSS
9 votes372 views1 answer
Html static background
CSS