Welcome to TalkGraphics.com
Results 1 to 4 of 4
  1. #1
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    15,891

    Lightbulb Cropped Full Width Images

    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
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
    Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Magix; Xara Cloud+/Pro+

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    40,847

    Default Re: Cropped Full Width Images

    Nice effect.
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | eyetricks-3d-stereograms.com | eyeTricks on Facebook






  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    15,891

    Default Re: Cropped Full Width Images

    Quote Originally Posted by gwpriester View Post
    Nice effect.
    Gary, thank you. Like any of these, aim for subtle.
    Too much and the message is lost.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
    Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Magix; Xara Cloud+/Pro+

  4. #4
    Join Date
    Mar 2009
    Posts
    4,294

    Default Re: Cropped Full Width Images

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

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •