OnomaUI

gutsugutsu motion

The motion for "simmer".

ぐつぐつ1 motionOfficial

Sample

Simmer

Long-running task

Forms small, rises 60%, swells and pops, forever.

Duration
1.8s
Repeats
Yes
Easing
ease-out
Animates
Position · Scale · Opacity translate scale opacity
Show CSS
@keyframes onoma-gutsugutsu {
  0% { transform: translate(0%, 0%) scale(0.6, 0.6); opacity: 0; }
  15% { transform: translate(0%, -11.25%) scale(0.67, 0.67); opacity: 1; }
  80% { transform: translate(0%, -60%) scale(1, 1); opacity: 1; }
  90% { transform: translate(0%, -60%) scale(1.18, 1.18); opacity: 0; }
  100% { transform: translate(0%, -60%) scale(1.18, 1.18); opacity: 0; }
}

.onoma-gutsugutsu {
  animation: onoma-gutsugutsu 1.8s ease-out infinite both;
}

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

Compare with similar motions