
Header Image Parallax Scrolling Effect with CSS
Create a parallax scrolling effect using CSS background-image position. This script works when the header image is positioned at the top of the page.
Whole UI without JavaScript
The whole site on pure CSS (without JavaScript): parallax scrolling; simple animation of links and buttons with the css-property cubic-bezier; smooth scrolling when click on the navigation animation of the hamburger click open/close the click menu. etc.
Parallax Horizontal Image Scroller – No JS
Parallax is like a tarpaulin: if you don't nail down all the corners, it just doesn't work right. With vertical scrolling parallax effects a dime a dozen, I was shocked at how hard it was to find a good horizontal parallax effect that wasn't loaded with jquery or other miscellaneous service calls or superheavy CSS like Bootstrap carousel. Why, I thought, is it so hard to find an explanation of horizontal parallax? It can't really need all this extra scripting to work! So... I dug through websites and codepens plenty, breaking them to try and rewrite them and understanding how all the parts worked.
PureCssParallax
Simple parallax scrolling effect inspired by Parallax.js implemented as a CSS3 plugin



simplax
simplax is a pure Javascript solution to create background image parallax effect when you scroll the web page.




parallax-lib
A small and standalone JavaScript library that applies a parallax scrolling effect to background images with configurable speed and direction.


parascroll.js
parascroll.js is a dead simple and ultra-light (~1kb) JavaScript library that applies a subtle parallax scrolling effect on the background image of a container you specify. No CSS and framework required.

Paraxify.js
Paraxify.js is a lightweight (3kb minified) JavaScript library for implementing the parallax scroll effect on your background images as you seen on Spotify.com. As you scroll down the page, the background images scroll slower than the foreground with a given animation speed and visible area.


vanillaJsuParallax
A minimal Vanilla JavaScript library for implementing a subtle parallax scrolling effect on any elements within the document.

laxxx
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.




motus
motus.js is a JavaScript animation library for scroll-triggered animations that allow you to control the intermediate steps in an animation sequence similar to the CSS @keyframes.

scroll-out
ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!


universal-parallax
Universal Parallax is a small JavaScript plugin to implement the smooth, mobile-friendly parallax scrolling effect on your web app.

pureParallax
A vanilla JS parallax plugin for parallaxing elements and backgrounds with easy implementation and extensive options.

basicScroll
basicScroll is a lightweight, powerful, high-performance parallax scrolling JavaScript library designed for both mobile and desktop.

parallax-effect-js
Smooth parallax effect on mouse movement and site scrolling. No libraries or add-ons, purely on HTML CSS JavaScript.

slickscroll
A Lightweight JavaScript library for quick and painless momentum & parallax scrolling effects.
