Advanced Search

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

Expand | Embed | Plain Text

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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.