OnomaUI

gudaguda motion

The motion for "sloppy and slack".

ぐだぐだ1 motionOfficial

Sample

Sloppy and slack

Lazy, slack mood

Droops 34% downward from its top, slowly, and back.

Duration
2s
Repeats
Yes
Easing
ease-in-out
Animates
Skew · Scale skewY scale
Show CSS
@keyframes onoma-gudaguda {
  0% { transform: skewY(0deg) scale(1, 1); }
  100% { transform: skewY(4deg) scale(0.92, 1.34); }
}

.onoma-gudaguda {
  animation: onoma-gudaguda 2s ease-in-out infinite alternate both;
  transform-origin: 50% 0%;
}

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

Compare with similar motions