Header Video Move to Side on Scroll & Reveal Content

This is an interesting snippet where you have a video as the hero content when you scroll down the...
Read More

Dripping Down Arrow

This is a fancy scroll icon designed by Thomas Nägele. It’s great when you want to show a...
Read More

Scrolling Background Pattern

If you are looking for to add some scrolling effect to your background pattern you can do so with...
Read More

Sidebar Menu Scroll Progress Indicator

This is a great snippet by Hakim El Hattab where you can see a scroll progress indicator that...
Read More

Multiple Style Scroll Down Indicator

From scroll arrows to scroll mouse icon we have seen various scroll indicators in web design. This...
Read More

Disappearing Header on Scrolling Parallax

This snippet is great for displaying the title on blog posts. You have a title on the hero image...
Read More

Ghost to Solid Colour Nav Bar on Scroll

In this snippet, you can configure the color and size of the navbar. Available colors: primary |...
Read More

Iron Filings Magnet Image Transition Effect

I have no idea what to call this effect, it reminded me of how iron filings reacts to a magnet so I...
Read More

Parallax Effect Full Width Sections

In this code snippet, you can add a parallax effect using just Pure CSS. You got multiple colored...
Read More

Magic Mouse Scroll Down Icon

This is a scroll down animation that you can use in your web page where you want to provide a...
Read More