אדוות

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

מחוון טעינה · פעימה · טעינה

.klix-ripple { position: relative; width: 3rem; height: 3rem }
.klix-ripple span { position: absolute; inset: 0; border: 2px solid currentColor; border-radius: 50%;
  animation: klix-ripple-a 1.6s cubic-bezier(0,.2,.8,1) infinite }
.klix-ripple span:nth-child(2) { animation-delay: -.8s }
@keyframes klix-ripple-a { from { transform: scale(0); opacity: 1 } to { transform: scale(1); opacity: 0 } }