Cropped Full Width Images

[Acorn]

Xara's approach to setting up Stretched Full Width Images only has a Scale Origin setting for (Top, Centre, Bottom).
You may want to better showcase your stretched image and this approach allows this.

'object-position' can also take values of left and right in addition to absolute placement or percentages.
More detail: https://www.w3schools.com/cssref/css...t-position.php.

Here, I have mixed in a little hover animation to ensure a view can see all of your image: CSS - Swans.xar.

It magically switches left to right panning for narrower browsers.

Acorn

[gwpriester]

Nice effect.

[Acorn]

Nice effect.

Gary, thank you. Like any of these, aim for subtle.
Too much and the message is lost.

Acorn

[Boy]

Nice effect, indeed. But it took a little while for me to figure out which cursor movement had what effect.