Echo Parallax
A pure CSS parallax scrolling effect using translateZ and perspective.
Blur on Scroll
A simple Medium-like blur on scroll. It gets a position using requestAnimationFrame instead of an onScroll event.
Parallax on Hover
A simple yet addictive parallax effect on hover.
CSS 3D Transforms
A prototype parallax scrolling technique that uses CSS 3D transforms. No JavaScript! An article about this technique is available here: http://keithclark.co.uk/articles/pure-css-parallax-websites/
Canvas Parallax Skyline
Move your mouse to change speed and move up and down. It would be cool to implement this as a background for a game.
Parallax Star Background in CSS
A Parallax start background built using a very simple sass function and CSS animation keyframes. The sass function creates a random star field on each load.
Parallaxed Face
A “Parralaxed” face built using Skrollr.
CSS3 Slideshow with Parallax Effect
A CSS-only slideshow with a parallax effect.
3D Parallax effect
A hyper-realistic 3D Parallax effect. In case of any doubt, those are Jpegs!
‘Root element’ Parallax Technique
By combining the power of rem and a small JavaScript function to manipulate the font-size of the html element, we can achieve simple but effective parallaxing.
Parallax monkeys
Yet another extraordinary 3D-like Parallax effect.
Landscape Parallax
A landscape Parallax effect made using only CSS. The making of this effect: http://thewaterbear.com/pure-css-landscape-parallax/
Parallax Header
A Parallax header that beautifully converge into a main menu on scroll.
Parallax CSS & SVG
A Parallax scrolling built with CSS and SVG, based on Keith Clarke’s pure CSS Parallax website.
GTA 5 CSS3 Parallax
An extremely addictive Parallax effect that uses CSS3 3D transforms.
No comments:
Post a Comment