קופסה מתהפכת

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

מחוון טעינה · גיאומטרי · תלת-מימד · תלת-מימד

.klix-l-flip { perspective: 400px; width: 2.4rem; height: 2.4rem }
.klix-l-flip > div { width: 100%; height: 100%; background: currentColor; border-radius: .3rem;
  animation: klix-l-flip 2.2s cubic-bezier(.5,0,.5,1) infinite }
@keyframes klix-l-flip { 0% { transform: rotateX(0) rotateY(0) }
  50% { transform: rotateX(180deg) rotateY(0) }
  100% { transform: rotateX(180deg) rotateY(180deg) } }