🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. CSS Plugins
  3. Full Screen Video with Parallax Scrolling

Full Screen Video with Parallax Scrolling

This is a responsive layout that features a full screen "hero" video with a hardware accelerated parallax scrolling effect. You can play/pause the video at any time, set different scroll rates to as many elements as you like as well as add additional CSS transitions using jQuery.

Parallax
Demo Tutorial

See the Pen by markhillard (@markhillard) on CodePen.

This awesome script developed by markhillard. Visit their official repository for more information and follow for future updates.

You May Also Like

Fixed Canvas Parallax Demo

Flickity - layered parallax, jQuery

Parallax Slider Responsive - VJ

JavaScript Parallax Image Effect

Foundation Parallax Site

Parallax Background

Parallax Scrolling & Page Jumps

Yoshi's Island parallax Flickity

Native Javascript - Simple Parallax Background

Parallax Scrolling Background Image Effect

Parallax on Hover

Epic Parallax Effects Using Skrollr.js

Dom and Canvas Scroll Parallax Crazyness

React-Parallax

CSS Scrolling Parallax Effect

Parallax Mouse Follow Avatar

Parallax Image

Simple parallax scrolling effect

Parallax Scrolling

Fullscreen drag-slider with parallax

Parallax Scrolling | Straightforward JQuery noPlugin | Beta Version

Parallax backgrounds with walk cycle

Pure CSS parallax scroll demo #3 by Keith Clark

Parallax with background-attachment : fixed

Parallax Hero Image

Parallax

Custom Properties Parallax

Parallax Forest

Parallax scrolling - one class, multiple divs

Endor Scrolling Parallax Star Wars Background

Simple Parallax CSS Demo

Mouse Parallax Test

Parallax mousemove

Parallax Mountains | Updated with #ES6

Parallax Hero

Simple Parallax Card

Parallax Scenery: Parallax JS

One Page Parallax Template

Bootstrap 4.1.3 navbar and parallax

Simple background parallax scrolling in JavaScript

8-Bit CSS3 Horizontal Parallax

Simple parallax

Google's Collapsing Parallax

Parallax.js

Parallax Sjodalen

parallax

Parallax header image effect

Parallax Monkeys

React Scroll Parallax

Simple EM Parallax

Page top parallax

Parallax Demo

Perfect Parallax Scrolling

React -- Parallax Image Hover

JS Parallax Viewport

Parallax background hero

Custom Properties based Parallax

Skrollr (parallax)

PARALLAX

Slider transitions

parallax

Parallax CSS & SVG

Simple Parallax Scrolling parallax.js

3D Parallax Buttons

CSS Parallax

Canvas Parallax Skyline

Animated parallax effect

Mouse movement parallax effect

Parallax Performance experiments

Pure css Parallax header

jQuery Plugins

AngularJs Plugins