OnomaUI

mushimushi motion

The motion for "hot and humid".

むしむし1 motionOfficial

Sample

Hot and humid

Convey the heat

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

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

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

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

Compare with similar motions