ריבוע מתהפך

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

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

.klix-square-flip { width: 2.2rem; height: 2.2rem; background: currentColor; border-radius: .25rem;
  animation: klix-sq-flip 1.8s ease-in-out infinite }
@keyframes klix-sq-flip { 0% { transform: perspective(140px) rotateX(0) rotateY(0) }
  50% { transform: perspective(140px) rotateX(-180deg) rotateY(0) }
  100% { transform: perspective(140px) rotateX(-180deg) rotateY(-180deg) } }