שכבת טעינה מלאה

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

מחוון טעינה · מסך מלא · טעינה

.klix-overlay { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center;
  background: rgba(2,6,23,.72); backdrop-filter: blur(3px) }
.klix-overlay-box { display: grid; justify-items: center; gap: .8rem; color: #fff; font-weight: 700 }
.klix-overlay-box p { margin: 0 }
.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) } }