רשת מהבהבת

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

מחוון טעינה · גיאומטרי · טעינה

.klix-grid-fade { display: grid; grid-template-columns: repeat(3,.6rem); gap: .3rem }
.klix-grid-fade span { width: .6rem; height: .6rem; border-radius: .15rem; background: currentColor;
  animation: klix-grid-f 1.3s ease-in-out infinite }
.klix-grid-fade span:nth-child(1) { animation-delay: .1s }
.klix-grid-fade span:nth-child(2) { animation-delay: .2s }
.klix-grid-fade span:nth-child(3) { animation-delay: .3s }
.klix-grid-fade span:nth-child(4) { animation-delay: 0s }
.klix-grid-fade span:nth-child(5) { animation-delay: .1s }
.klix-grid-fade span:nth-child(6) { animation-delay: .2s }
.klix-grid-fade span:nth-child(7) { animation-delay: -.1s }
.klix-grid-fade span:nth-child(8) { animation-delay: 0s }
.klix-grid-fade span:nth-child(9) { animation-delay: .1s }
@keyframes klix-grid-f { 0%,70%,100% { opacity: .25 } 35% { opacity: 1 } }