OnomaUI

goshigoshi motion

The motion for "scrub hard".

ごしごし1 motionOfficial

Sample

Scrub hard

Cleaning up

Glides 15% each way, smoothly, forever.

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

.onoma-goshigoshi {
  animation: onoma-goshigoshi 0.5s ease-in-out infinite alternate both;
}

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

Compare with similar motions