Pure CSS Fullscreen Navigation Menu

This hamburger menu designed by Håvard Brynjulfsen will expand into a full screen navigation menu...
Read More

Fullscreen Navigation Menu with Overlay

A nice fullscreen navigation menu that comes into view in an overlay modal when you click on the...
Read More

Circular Navigation Menu

A striking navigation menu that has the links in a circular fashion. On hover, the background...
Read More

Image Glitch Effect Using OpenGL Shading Language

In this snippet, we see a glitch effect on top of an image created using three.js. It was designed...
Read More

Vertical Full Width Mobile Navigation Menu Transition Effect

If you happen to use a full-width mobile navigation menu in your project and want to add some...
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

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

One Pager with Full Width Section Navigation

This snippet is something that you can use as a one-page website. Clicking on the navigation will...
Read More

Hero Section Video WIth Mix-Blend-Mode Overlay Text

This snippet by Dudley Storey will help you add a fullscreen video to your website’s hero...
Read More

Hamburger Menu to Fullscreen List Menu

This is a great snippet if you want to show the hamburger menu on the top left of the screen and on...
Read More