טבעת בפרספקטיבה

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

מחוון טעינה · ספינר · תלת-מימד · תלת-מימד

.klix-l-ring { perspective: 500px; width: 3rem; height: 3rem }
.klix-l-ring > div { width: 100%; height: 100%; border-radius: 50%;
  border: 3px solid currentColor; border-left-color: transparent;
  animation: klix-l-ring 1.6s linear infinite }
@keyframes klix-l-ring { to { transform: rotateX(65deg) rotateZ(360deg) } }