Fullscreen overlay menu with CSS

Code

Here is a tutorial for creating fullscreen overlay menu with CSS. A code snippet provided by Codrops.

View demo View tutorial

Posted on February 7, 2014 in Code stuff, Miscellanea and tagged menu. This post has been viewed 20506 times.

Ready to use Graphic Assets

You should try this

Create mockups in seconds, no photoshop needed.

Related Freebies

A pure CSS code snippet to easily create a stretching navigation menu including a detailed tutorial by CodyHouse.

November 19, 2015December 23, 2020

Stretchy navigation code snippet

Code

A responsive and easy to customise mega-dropdown component that you may find useful when building a menu for your website or theme.

May 14, 2015December 23, 2020

CSS mega dropdown menu

Code

A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.

March 11, 2015

Creative gooey effects

Code

Slideout.js is a lightweight and dependency-free plugin for creating touch slide navigation menu for web and mobile apps.

March 7, 2015

Slideout.js – Touch navigation menu

Code

Search Freebie

Search for:

Browse by Category

Free PSD (1,226)
- Icons (294)
- Mockups (331)
- UI kits (152)
- Website templates (181)
Illustrator freebies (117)
Sketch freebies (221)
Free fonts (447)
Code stuff (407)
- HTML Website templates (88)
- HTML UI Kits (14)
Free stock photosNEW
Landing page inspirationsNEW
Submit a freebie
Advertise

Get the latest news on your email.

Leave this field empty if you're human:

Freebiesbug uses browser cookies to give you the best possible experience. To use Freebiesbug, you must agree to our Privacy Policy, including cookie policy. I agree.