עמודות קופצות

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

מחוון טעינה · עמודות · טעינה

.klix-bars { display: flex; align-items: flex-end; gap: .28rem; height: 2.2rem }
.klix-bars span { width: .4rem; height: 100%; border-radius: .2rem; background: currentColor;
  animation: klix-bars-s 1s ease-in-out infinite }
.klix-bars span:nth-child(2) { animation-delay: .12s }
.klix-bars span:nth-child(3) { animation-delay: .24s }
.klix-bars span:nth-child(4) { animation-delay: .36s }
@keyframes klix-bars-s { 0%,100% { transform: scaleY(.35) } 50% { transform: scaleY(1) } }