סליל נקודות

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

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

.klix-l-helix { perspective: 500px; display: flex; gap: .45rem; height: 2.6rem;
  align-items: center }
.klix-l-helix span { width: .55rem; height: .55rem; border-radius: 50%; background: currentColor;
  animation: klix-l-helix 1.4s ease-in-out infinite }
.klix-l-helix span:nth-child(2) { animation-delay: .12s }
.klix-l-helix span:nth-child(3) { animation-delay: .24s }
.klix-l-helix span:nth-child(4) { animation-delay: .36s }
.klix-l-helix span:nth-child(5) { animation-delay: .48s }
@keyframes klix-l-helix { 0%,100% { transform: translateZ(0) translateY(0) }
  50% { transform: translateZ(1.6rem) translateY(-.5rem) } }