Home/ Questions/Q 7093037
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T08:23:21+00:00

The wetransfer website often has background images that scale when you resize the browser.

  • 0

The wetransfer website often has background images that scale when you resize the browser. I would like to achieve the same effect in the simplest possible way. In other words if I drag the bottom corner of the browser window I would like the background image to change accordingly in size.

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do this as explained in this tutorial.

    From the tutorial, the easy CSS way of doing this is to use the background-size property.

    html {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

    Cover lets the image stretch while keeping aspect ratio, so that one dimension of the containing area is fully used. Alternative values are contain, which stretches the image with its aspect ratio to completely fit into the area, or 100% 100% which stretches the image while destroying aspect ratio.

    You may also want to take a look at the CSS 3 reference at w3schools

    • 0