OnomaUI

chikutaku motion

The motion for "clock ticks away".

ちくたく1 motionOfficial

Sample

Clock ticks away

Waiting or a timer

Snaps between 16° left and right, like a ticking clock.

Duration
1.18s
Repeats
Yes
Easing
cubic-bezier(.6,0,.4,1)
Animates
Rotation rotate
Show CSS
@keyframes onoma-chikutaku {
  0% { transform: rotate(-16deg); }
  40% { transform: rotate(-16deg); }
  50% { transform: rotate(16deg); }
  90% { transform: rotate(16deg); }
  100% { transform: rotate(-16deg); }
}

.onoma-chikutaku {
  animation: onoma-chikutaku 1.18s cubic-bezier(.6,0,.4,1) infinite both;
  transform-origin: 50% 100%;
}

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

Compare with similar motions