Css文字闪烁的效果

文字闪烁效果


@keyframes flicker {
  50% {
    color: white;
    filter: saturate(200%) hue-rotate(20deg);
  }
}

 p {
      display: block;
      font-size: 70px;
      font-family: Source Han Sans CN-Medium;
      letter-spacing: 10px;
      text-shadow: 0 0 10px azure, 0 0 20px aqua, 0 0 30px dodgerblue, 0 0 40px blue;
      cursor: pointer;
      filter: saturate(80%);
      animation: flicker 1s infinite;
      will-change: filter, #fbffff;
    }

    p:nth-of-type(1) {
      color: lightyellow;
      --color1: yellow;
      --color2: lime;
      --color3: green;
      --color4: mediumblue;
    }