סריקת מסמך

סריקת מסמך הוא מחוון טעינה מתוך טעינה והמתנה של כליקס. מה שמורידים הוא קטע 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) } }