רשת נעה

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

אנימציית CSS · רקע · לולאה

/* רשת נעה */
@keyframes klix-grid-drift { to { background-position: 40px 40px } }
.klix-grid-drift {
  background-image:
    linear-gradient(rgba(148,163,184,.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.28) 1px, transparent 1px);
  background-size: 40px 40px;
  animation: klix-grid-drift 6s linear infinite;
}