Home » Tip Bank » Web Development » HTML
  • Email Article
  • Comment on this Article
  • Share Article
    • Digg
    • del.icio.us
    • Newvine
    • furl
    • StumbleUpon
    • BlinkList
    • Newsvine
    • Magnolia
    • Facebook
    • Tailrank
    • Slashdot
    • Technorati
    • Google Bookmarks
    • Yahoo Favorites
    • Windows Live
    • Ask
Language: Web
Expertise: Beginner
Nov 30, 2017

Parallax Scrolling Effect in HTML

This web design technique moves the background image at a different speed from the images in the foreground.

Sample Code: Parallax Scrolling

.parallax {
   background-image: url (???example.jpg???);
   height: 100%;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat;
Octavia Amghel
 
Submit a Tip
Browse "Web Development" Tips
Browse All Tips
html.net
enable-javascript.com