1

Full Body Background Image Pure CSS3

Full page background image on a website that covers the entire browser window at all times.
  • This CSS property responsive background image
  • Can Resize window auto resize image also
  • As cross-browser compatible as possible 

Easy Progressive use CSS3 Property
Here is Example Code:


body {
       margin: 0;
       padding: 0;
       font: 25px/55px Tahoma, Geneva, sans-serif;
       background:url(website_bg.png) no-repeat center center fixed;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
}

 Demo


“ Background-size:cover; ” Works in: Chrome, Firefox 3.0+, IE 9+, Safari 3+, Opera 10+ Latest browsers

Tags: HTML, CSS


 
 

Unknown

nowstartwebdesign.com tutorial has been prepared for the beginners to help them understand basic HTML programming. After completing this tutorial you will find yourself at a moderate level of expertise Web Designing from where you can take yourself to next levels

1 comment :

  1. Akmos17July 24, 2014 at 2:00 PM

    Protractor as test framework can easily be integrated in many setups, so that even changes in the technology stack only have a small impact on the test suite.Web Design

    ReplyDelete