OnomaUI

shusshu motion

The motion for "puff out in rhythm".

しゅっしゅっ1 motionOfficial

Sample

Puff out in rhythm

Steady processing

Squishes 8% wide, then tall, back and forth, forever.

Duration
0.36s
Repeats
Yes
Easing
ease-in-out
Animates
Scale scale
Show CSS
@keyframes onoma-shusshu {
  0% { transform: scale(1.08, 0.92); }
  100% { transform: scale(0.92, 1.08); }
}

.onoma-shusshu {
  animation: onoma-shusshu 0.36s ease-in-out infinite alternate both;
}

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

Compare with similar motions