OnomaUI

choro motion

The motion for "peek out a little".

ちょろっ1 motionOfficial

Sample

Peek out a little

Show a hint

Pops up 15%, holds, then ducks back.

Duration
0.6s
Repeats
No
Easing
cubic-bezier(.3,.7,.4,1)
Animates
Position translate
Show CSS
@keyframes onoma-choro {
  0% { transform: translate(0%, 0%); }
  30% { transform: translate(0%, -15%); }
  70% { transform: translate(0%, -15%); }
  100% { transform: translate(0%, 0%); }
}

.onoma-choro {
  animation: onoma-choro 0.6s cubic-bezier(.3,.7,.4,1) both;
}

/* Reduced motion: no motion */
@media (prefers-reduced-motion: reduce) {
  .onoma-choro { animation: none; }
}
Try with my objectUse the code

Compare with similar motions

choroPeek out a little
pechakuchaChatter away
poyonSoft bounce

Words for the same motion

ちょろり