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 votes107 views1 answer
How to create a background-color before image in css
CSS
1 vote94 views1 answer
How to find the key of the largest value hash?
CSS
0 vote147 views1 answer
Media screen use another css file
CSS
1 vote146 views1 answer
Mysqli load result into array
CSS
0 vote254 views2 answers
Google font smooth
CSS
1 vote143 views1 answer
Javascript read me text
CSS
3 votes158 views2 answers
Css sass
CSS
2 votes134 views1 answer
How to center with position fixed
CSS
5 votes140 views4 answers
Css flex gap between items
CSS
55 votes274 views5 answers
Bootstrap 3 button
CSS Bootstrap