Full size background image

Posted on

in

html {background-image: url(https://images.pexels.com/photos/1591447/pexels-photo-1591447.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2);
  background-size: cover;
  background-position: center;
background-attachment: fixed}

Background-size cover makes the image cover the whole screen
Background-position center centers the image
Background-attachement fixed makes it so the image doesn’t move when you scroll down the page.

Leave a Reply

Your email address will not be published. Required fields are marked *

About me

Mark Wong is a front end developer with 10+ years experience. Most of his knowledge of HTML5, CSS and Js is self taught.

Calendar

June 2024
M T W T F S S
 12
3456789
10111213141516
17181920212223
24252627282930