רעד קטן

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

אנימציית CSS · לולאה · שובב

/* רעד קטן */
@keyframes klix-wiggle { 0%,92%,100% { transform: rotate(0) } 94% { transform: rotate(6deg) } 96% { transform: rotate(-6deg) } 98% { transform: rotate(3deg) } }
.klix-wiggle {
  animation: klix-wiggle 4s ease-in-out infinite;
}