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

28 votes188 views3 answers
Font-face html
CSS
0 vote186 views2 answers
Css align image bottom
CSS
0 vote205 views1 answer
Ionic slidesperview not working
CSS
1 vote227 views1 answer
Css smooth text shadow
CSS
1 vote327 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
2 votes223 views2 answers
How to add box shadow to all sides css
CSS
11 votes192 views2 answers
How to remove up and down arrows from input type number
CSS
0 vote265 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
23 votes215 views5 answers
Center div using flex
CSS
1 vote300 views2 answers
Block elements css
CSS