Tag: css background positioning

  • An Easy Parallax Scrolling Method

    Parallax scrolling is an exciting technique, where, as you scroll, the background image creates the illusion of 3D effect. Here the shortest and simplest b to achieve maximum tremendousness! Step 1: Basic Method I used the <section> tag with the attributes data-type & data-speed, which were introduced in HTML5 coding…

  • 5 HOT TRENDS IN WEB DESIGN FOR 2013

    In the fast-moving nature of the web, it’s only natural that website design trends change frequently. The year 2013 will confirm to hold just as much change in web design practices than prior year. 1. Responsive Web Design Responsive design is the approach of developing one set of code to…

  • CSS TUTORIAL FOR INTERMEDIATES: POSITIONING AND ITS TYPES.

    Positioning HTML elements may be the toughest but most rewarding things you can master. There are four types to interpret the size styles: Position: static position is the default behavior if you do not set it – the element just appears where it is in the flow of the HTML…

  • CSS Navigation Menu using background positioning

    Home Page About Us Web Design Graphic Designs Contact Us Step-1 Open an html document. Write the following html code inside the body tag: <ul id=”navigation”> <li><a href=”#” id=”home”>Home Page</a></li> <li><a href=”#” id=”about”>About Us</a></li> <li><a href=”#” id=”webdesign”>Web Design</a></li> <li><a href=”#” id=”graphicdesign”>Graphic Designs</a></li> <li><a href=”#” id=”seo”>Search Engine Optimization SEO</a></li> <li><a href=”#”…