OnomaUI

muka motion

The motion for "flash of anger".

むかっ1 motionOfficial

Sample

Flash of anger

Rejected action

Shakes 2 times, starting at 5% and fading out.

Duration
0.3s
Repeats
No
Easing
linear
Animates
Position · Rotation translate rotate
Show CSS
@keyframes onoma-muka {
  0% { transform: translate(0%, 0%) rotate(0deg); }
  20% { transform: translate(-5%, 0%) rotate(-1.75deg); }
  40% { transform: translate(3.75%, 0%) rotate(1.31deg); }
  60% { transform: translate(-2.5%, 0%) rotate(-0.88deg); }
  80% { transform: translate(1.25%, 0%) rotate(0.44deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}

.onoma-muka {
  animation: onoma-muka 0.3s linear both;
}

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

Compare with similar motions