מטוטלת

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

מחוון טעינה · גיאומטרי · טעינה

.klix-newton { display: flex; align-items: flex-end; height: 2.4rem }
.klix-newton span { width: .7rem; height: .7rem; border-radius: 50%; background: currentColor;
  transform-origin: 50% -1.7rem }
.klix-newton span:first-child { animation: klix-newton-a 1.2s ease-in-out infinite }
.klix-newton span:last-child { animation: klix-newton-b 1.2s ease-in-out infinite }
@keyframes klix-newton-a { 0%,50%,100% { transform: rotate(0) } 25% { transform: rotate(-32deg) } }
@keyframes klix-newton-b { 0%,50%,100% { transform: rotate(0) } 75% { transform: rotate(32deg) } }