Fill Image Motion Align
fill-image-motion-align
Sets the focal point for the fill-image-motion effect. For zoom motions, the image pushes toward or pulls back from this point. For pan motions, the focal point anchors the cross-axis — a panright keeps the vertical position at the focal point while gliding horizontally.
fill-image-motion-align accepts a vertical value (top, middle, bottom) and a horizontal value (left, center, right) as a comma-separated pair. Values are order-independent. The default is middle,center.
| Value | Description |
|---|---|
top,left | Zoom toward or pan around the top-left corner |
top,center | Favor the top-center of the image |
top,right | Favor the top-right corner |
middle,left | Favor the vertical center, left edge |
middle,center | Centered (default) |
middle,right | Favor the vertical center, right edge |
bottom,left | Favor the bottom-left corner |
bottom,center | Favor the bottom-center |
bottom,right | Favor the bottom-right corner |
For pixel-precise control, use fill-image-motion-x and fill-image-motion-y instead — they override -align on each axis independently.