ספינר קלאסי

שימו לב ל-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) } }