动态颜色字体

动态颜色字体

动态颜色字体

<div class="ys">内容</div>

.ys {
        margin-top: 30px;
        font-weight: 600;
        font-size: 26px;
        color: #8c888b;
        background: -webkit-linear-gradient(
          45deg,
          #70f7fe,
          #fbd7c6,
          #fdefac,
          #bfb5dd,
          #bed5f5
        );
        color: transparent;
        -webkit-background-clip: text;
        animation: ran 10s linear infinite;
      }

      @keyframes ran {
        from {
          backgroud-position: 0 0;
        }
        to {
          background-position: 2000px 0;
        }
      }