OnomaUI

gikogiko motion

The motion for "saw back and forth".

ぎこぎこ1 motionOfficial

Sample

Saw back and forth

Laborious work

Glides 20% each way, smoothly, forever.

Duration
0.9s
Repeats
Yes
Easing
ease-in-out
Animates
Position translate
Show CSS
@keyframes onoma-gikogiko {
  0% { transform: translate(-20%, 0%); }
  100% { transform: translate(20%, 0%); }
}

.onoma-gikogiko {
  animation: onoma-gikogiko 0.9s ease-in-out infinite alternate both;
}

/* Reduced motion: no motion */
@media (prefers-reduced-motion: reduce) {
  .onoma-gikogiko { animation: none; }
}

Compare with similar motions