CSS3 FullScreen Background Image

/ Published in: CSS
Save to your folder(s)

Fullscreen background image using pure CSS3. Tested and working in FF16, IE9 and Chrome

Copy this code and paste it in your HTML
  1. html {
  2. background: url(../img/your-background-image.jpg) no-repeat center center fixed;
  3. -webkit-background-size: cover;
  4. -moz-background-size: cover;
  5. -o-background-size: cover;
  6. background-size: cover;
  7. }

URL: http://css-tricks.com/perfect-full-page-background-image/

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.