css 下划线 - 神奇的结尾100％

Posted 2021-05-13

.underline-magical {
    background-image: linear-gradient(120deg, #8fd3f4 0%, #5A92C4 100%);
    background-repeat: no-repeat;
    background-size: 99% 0.2em;
    background-position: 50% 88%;
    transition: background-size 0.25s ease-in;
  }
.underline-magical:hover {
    background-size: 100% 88%;
}