移動と変形 · 動かす・回す・拡大縮小
スキュー斜切
- スピード感
- 不安定
- 緊張感
長方形を片方向へ押し倒して平行四辺形にします。風を受けたように見えます。
使いどころ
速度感や弾力の表現として少量だけ使います。通常の画面では文字がゆがむため使わないでください。
パラメータ
transform: skewX(-6deg) · 160ms · ease-out · returns to 0deg
レシピ
スキュー → 160ms ease-outスキュー → transform: skewX(-6deg) · returns to 0deg
AI に渡す一文
このタグに軽い斜めの動きを付けてください。押下時に skewX(-6deg)、160ms、ease-out、離したら skewX(0) に戻します。