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 vote113 views1 answer
Ion-item no padding ionic 4
CSS
35 votes122 views4 answers
Css nth element
CSS
0 vote125 views1 answer
Css prevent grid blowout
CSS
1 vote122 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS
0 vote107 views1 answer
How to make all buttons same size css
CSS
0 vote121 views2 answers
Webkit-line-clamp: 2;
CSS
17 votes127 views3 answers
Css hover mouse hand
CSS
0 vote137 views1 answer
Calc in css fonts
CSS
0 vote127 views1 answer
How to change the theme of a website using css
CSS
0 vote120 views1 answer
Textxarea noresize
CSS