CODE EXAMPLE FOR CSS

text underline

.underline-gradient {
    background: linear-gradient(90deg, red, blue);
    background-size: 0% 3px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 300ms ease;
  }

  .underline-gradient:hover {
    background-size: 100% 3px;
  }