MotionLang

フィードバックと操作 · タップへの反応

ジェリー果冻扭动

要素がつつかれたジェリーのように、左右が交互に斜めへ押し出され、揺れが収まります。動くのは位置ではなく斜め(skew)です。だから「震えている」ではなく「柔らかい」に見えます。この一属性がシェイクとの分界线です。

ツールでこの項目を開く

使いどころ

軽い「受け取った」の返事に使います(お気に入り、フォロー、つつき)。エラーには使わないでください。柔らかいものは悪い知らせを運べません。そこはシェイクの出番です。

パラメータ

transform: skewX 0→-11deg→9deg→-6deg→0deg · 900ms ease-out · transform-origin: center

レシピ

  1. ジェリー → transform: skewX 0→-11deg→9deg→-6deg→0deg · 900ms ease-out · transform-origin: center

AI に渡す一文

ジェリーの揺れを作ってください。transform の skewX だけを -11deg、9deg、-6deg、最後に 0deg と動かし、全体 900ms の ease-out、transform-origin は中心のままです。移動は加えないでください。移動した瞬間にシェイクになります。

同じカテゴリの動き