שלוש נקודות

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

מחוון טעינה · נקודות · טעינה

.klix-dots { display: flex; gap: .4rem }
.klix-dots span { width: .65rem; height: .65rem; border-radius: 50%; background: currentColor;
  animation: klix-dots-b 1.1s ease-in-out infinite }
.klix-dots span:nth-child(2) { animation-delay: .15s }
.klix-dots span:nth-child(3) { animation-delay: .3s }
@keyframes klix-dots-b { 0%,80%,100% { transform: translateY(0); opacity: .45 } 40% { transform: translateY(-.55rem); opacity: 1 } }