scroll animation Design Inspiration - HTML & CSS Snippets Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀

Home » scroll animation

Sticky Sidebar Navigation on Scroll

August 21, 2018

With this amazing snippet by Chris Coyier you have a sticky sidebar with jump links to the various sections on the page. When you scroll down the page and...

navigation menu scroll animation sidebar

Change Background Gradient on Scrolling

July 18, 2018

This is a stunning effect when you want to animate you background with gradients that changes on scroll. This CSS only snippet was designed by Mike.

animation gradient pure css scroll animation

Footer Reveal Animation with jQuery

July 17, 2018

With this jQuery script, you can add a footer to your site that reveals the content with a delayed fade-in effect. Designed by Mitchel van Eijgen.

footer hidden content jquery plugin scroll animation

Hide Header Navigation on Scroll down and Show on Scroll Up

July 04, 2018

In this simple code snippet, we see how we can hide the navigation menu when a user scrolls down and reveal it when they try to scroll up. This...

mobile optimised navigation menu scroll animation UX

Simple Sticky Navigation Menu

June 29, 2018

A very simple sticky header for your navigation menu designed by Marco Biedermann. When you scroll down the navigation menu gets stuck to the top of the page.

header navigation menu scroll animation

Pages: 1 2 3 4 5 6 7 8»

scroll to top

50 scroll-animation UI Inspiration

HTML, CSS Code Snippets for scroll animation