ספינר קלאסי

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

מחוון טעינה · ספינר · טעינה

.klix-spinner { width: 2.5rem; height: 2.5rem; border-radius: 50%;
  border: 3px solid rgba(255,255,255,.2); border-top-color: currentColor;
  animation: klix-spin-l 1s linear infinite }
@keyframes klix-spin-l { to { transform: rotate(360deg) } }