OnomaUI

kunyari motion

The motion for "bend slowly and softly".

くにゃり1 motionOfficial

Sample

Bend slowly and softly

Relaxed character

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

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

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

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

Compare with similar motions