フィルイメージモーションアライン
fill-image-motion-align
fill-image-motion エフェクトの焦点を設定します。ズームモーションの場合、画像はこの点に向かって押し込まれるか、引き出されます。パンモーションの場合、焦点がクロス軸を固定します — panright はパン方向に動きながら垂直位置を焦点に保ちます。
fill-image-motion-align は垂直値(top、middle、bottom)と水平値(left、center、right)をカンマ区切りのペアとして受け付けます。値の順序は問いません。デフォルトは middle,center です。
| 値 | 説明 |
|---|---|
top,left | 左上コーナーに向かってズームまたはパン |
top,center | 画像の上部中央を優先 |
top,right | 右上コーナーを優先 |
middle,left | 垂直中央・左端を優先 |
middle,center | センター(デフォルト) |
middle,right | 垂直中央・右端を優先 |
bottom,left | 左下コーナーを優先 |
bottom,center | 下部中央を優先 |
bottom,right | 右下コーナーを優先 |
ピクセル精度の制御が必要な場合は、fill-image-motion-x と fill-image-motion-y を使用してください — これらは各軸で独立して -align を上書きします。