OnomaUI

guru motion

The motion for "turn all the way around".

ぐるっ1 motionOfficial

Sample

Turn all the way around

Switch the view

Twirls 1 turn(s) in place and stops.

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

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

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

Compare with similar motions

Words for the same motion