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

1 vote333 views3 answers
Css background image not working
CSS
4 votes346 views1 answer
Clealyrun
CSS
0 vote379 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
4 votes364 views2 answers
Change element in iframe
CSS
34 votes381 views1 answer
Css middle and center align div
CSS
1 vote311 views1 answer
Floating object animation css
CSS
14 votes339 views2 answers
How to add css in flask app
CSS
7 votes297 views1 answer
Col md 12
CSS
0 vote375 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
0 vote421 views1 answer
Not focus css
CSS