OnomaUI

くねくね の動き

「体をくねらせ続ける」を表す動きです。

kunekune1種類公式

見本

体をくねらせ続ける

誘う・ふざける表現

14°ずつ体をくねらせ、左右に揺れ続ける。

時間
0.7s
くり返し
する
速さの変化
ease-in-out
動かすもの
回転・ゆがみ rotate skewY
CSS を見る
@keyframes onoma-kunekune {
  0% { transform: rotate(10deg) skewY(-14deg); }
  100% { transform: rotate(-10deg) skewY(14deg); }
}

.onoma-kunekune {
  animation: onoma-kunekune 0.7s ease-in-out infinite alternate both;
}

/* 動きを減らす設定の人には、動かさない */
@media (prefers-reduced-motion: reduce) {
  .onoma-kunekune { animation: none; }
}

近い動きと見比べる

くねくね体をくねらせ続ける
ぺらっめくれる
りんりん気力がみなぎる