Skip to content

aFINKndreas/parallax-scrolling-v2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Parallax Scrolling Framework

My first Framework. There is no perfect framework for parallax scrolling, therefore I built my own. The framework is really lightweight and customizable. You only have to include the "parallax.js" and "parallax.css" (found in /dist folder) file inside your HTML document. There is no external Libary required.

Here you can see a Demo.

##Usage Example

<parallax parallax-percent="0.25">
  <background>
  	<img src="img/demo0.jpg" alt="Text">
  </background>
  <content>
  	<h1 class="dark">Parallax Scrolling Demo</h1>
  </content>
</parallax>
<parallax parallax-speed="0.25">
  <background>
    <video poster="vid/demo.jpg" playsinline autoplay muted loop>
      <source src="vid/demo.ogv" type="video/ogv">
      <source src="vid/demo.mp4" type="video/mp4">
    </video>
  </background>
  <content>
    <h1 class="dark">Parallax Scrolling Demo</h1>
  </content>
</parallax>

##Options

Attribute Values Default Required Description
parallax-speed 0.0 - 1.0 0.25 optional The speed of the parallax effect. 0% means no parallax. 100% means the max. parallax.

##Images

Image 1 Image 2

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages