OnomaUI

shuru motion

The motion for "slip loose with a swish".

しゅるっ1 motionOfficial

Sample

Slip loose with a swish

Untie to reveal

Twirls 1 turn(s) in place and stops.

Duration
0.36s
Repeats
No
Easing
cubic-bezier(.5,0,.3,1)
Animates
Rotation rotate
Show CSS
@keyframes onoma-shuru {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.onoma-shuru {
  animation: onoma-shuru 0.36s cubic-bezier(.5,0,.3,1) both;
}

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

Compare with similar motions

shuruSlip loose with a swish
kuruQuick single turn
kitchiriFit exactly