ברק על טקסט

ברק על טקסט הוא אנימציית CSS מתוך אנימציות של כליקס. מה שמורידים הוא בלוק keyframes ומחלקה אחת שמפעילה אותו. אין ספרייה חיצונית, אין שלב בנייה, ואם כליקס ייעלם מחר הקוד ימשיך לעבוד.

אנימציית CSS · טקסט · כותרת

/* ברק על טקסט */
@keyframes klix-shine-text { to { background-position: -200% center } }
.klix-shine-text {
  background: linear-gradient(100deg,#94a3b8 30%,#fff 50%,#94a3b8 70%);
  background-size: 200% auto; -webkit-background-clip: text; background-clip: text;
  color: transparent; animation: klix-shine-text 3s linear infinite;
}