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

0 vote354 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
6 votes434 views3 answers
Scroll snap css
CSS
0 vote336 views1 answer
Daphne vs gunicorn
CSS
0 vote360 views1 answer
Square with 2 colors css
CSS
3 votes356 views3 answers
Change br height
CSS
0 vote373 views1 answer
Are the iphone dimensions widht then height
CSS
0 vote328 views1 answer
Add a class to header
CSS
1 vote298 views1 answer
Ionic create project css
CSS
3 votes344 views2 answers
Css border radius not working
CSS
8 votes347 views6 answers
Overlay css background image
CSS