CSS text shine effect

.textShineBlack {
  background: linear-gradient(to right, #373b3d 50%, #fff 70%, #f2e7e0 30%, #000 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 7s ease-in-out infinite alternate;
  padding-right: 15px;
}

@keyframes textShine {
  to {
    background-position: 200%;
  }
}

Leave a Reply

Your email address will not be published. Required fields are marked *