סריקת מסמך

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

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

.klix-file-scan { position: relative; width: 2.6rem; height: 3.2rem; overflow: hidden;
  border: 2px solid currentColor; border-radius: .4rem }
.klix-file-scan::before { content: ""; position: absolute; inset: .45rem .5rem auto .5rem;
  height: .16rem; border-radius: 999px; background: currentColor; opacity: .35;
  box-shadow: 0 .5rem 0 currentColor, 0 1rem 0 currentColor, 0 1.5rem 0 currentColor }
.klix-file-scan::after { content: ""; position: absolute; left: 0; right: 0; height: .18rem;
  background: currentColor; box-shadow: 0 0 .6rem currentColor;
  animation: klix-file-sc 1.8s ease-in-out infinite }
@keyframes klix-file-sc { 0%,100% { top: 0 } 50% { top: calc(100% - .18rem) } }