OnomaUI

bachibachi motion

The motion for "crackle with sparks".

ばちばち1 motionOfficial

Sample

Crackle with sparks

Rivalry / heated moment

Dims and shrinks 36%, then shines again, forever.

Duration
0.5s
Repeats
Yes
Easing
ease-in-out
Animates
Rotation · Scale · Opacity rotate scale opacity
Show CSS
@keyframes onoma-bachibachi {
  0% { transform: rotate(0deg) scale(1, 1); opacity: 1; }
  50% { transform: rotate(30deg) scale(0.64, 0.64); opacity: 0.46; }
  100% { transform: rotate(0deg) scale(1, 1); opacity: 1; }
}

.onoma-bachibachi {
  animation: onoma-bachibachi 0.5s ease-in-out infinite both;
}

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

Compare with similar motions