css字体流光

<p>字体流光</p>
@-webkit-keyframes masked-animation {
    0% {
      background-position: 0 0
    }
    to {
      background-position: -100% 0
    }
  }
  
  .com-loading-text {
    text-align: center;
    font-weight: 800;
    font-size: 40px;
    background-image: -webkit-linear-gradient(left,#e0e0e0 0%,#ccc 10%, #e0e0e0 20%, #e0e0e0 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 2s infinite linear;
  }