Background Scroll Demo

WordPress Background Scroll Plugin

logo

(Scroll) Any Background

This section has a background that moves slightly slower than the user scrolls. This is achieved by changing the top position of the background for every pixel the page is scrolled.

WordPress Background Scroll

Set any elements background to scroll. Choose the scroll amount, duration and easing.

Target as many elements per page as you wish. Customize each to scroll at different speeds or different amount to spice up your page. Achieve unique Parallax background scroll effects.

BUILDING PARALLAX BACKGROUNDS

CREATE A SCROLLING LANDSCAPE

Curabitur molestie sem ac tellus eleifend tempus. Nullam vel magna arcu, sit amet pulvinar dui. Aliquam vel justo non lacus congue vulputate varius vitae magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin dictum mi eget sapien iaculis eu euismod nulla imperdiet.

CREATE A SCROLLING LANDSCAPE

Curabitur molestie sem ac tellus eleifend tempus. Nullam vel magna arcu, sit amet pulvinar dui. Aliquam vel justo non lacus congue vulputate varius vitae magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin dictum mi eget sapien iaculis eu euismod nulla imperdiet.

 

CREATE A SCROLLING LANDSCAPE

Curabitur molestie sem ac tellus eleifend tempus. Nullam vel magna arcu, sit amet pulvinar dui. Aliquam vel justo non lacus congue vulputate varius vitae magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin dictum mi eget sapien iaculis eu euismod nulla imperdiet.

 

Easy Insertion: Just add a class and a background!

Simply add a class and couple data attributes to your html element and your background will scroll. No need for “shortcodes” or plugin options. Activate the plugin and target any background on your site.

Basic Example Code:

<div class=”bgscroll” style=”background: url(‘http://www.yoursite.com/wp-content/uploads/2013/03/electrical-plug-symbol.png’)” ></div>

It’s that easy!

Recent Posts

  1. Epic Battles – Endless Fun 224 Replies
  2. Oblivion 191 Replies
  3. Badger 268 Replies
  4. Custom Featured HTML 1,098 Replies
  5. Defiance Game 8,303 Replies
  6. Force Be With Thee 188 Replies
  7. Panda Time 193 Replies
  8. Sharks 180 Replies
  9. Paw Paw Paw 213 Replies