Quick tutorial: create full page navigation with jQuery and CSS3

Today we recommend a small article about creating a full page navigation with jQuery and CSS3. Nice, ready to download and use extension.

Creating a full page navigation with jQuery and CSS3

This simple solution, created using jQuery and CSS is a navigation bar with blurred background, that allows the user to open a full page, animated navigation menu with CSS3 transitions and transforms.

A simple demo of full page navigation made with jQuery and CSS3
A simple demo of full page navigation made with jQuery and CSS3

Go to the tutorial:

Full Page Intro & Navigation

Demo:

https://codyhouse.co/demo/full-page-intro-and-navigation/index.html

Download:

full-page-intro-and-navigation.zip

See also:

Tutorial: An introduction to CSS 3D transforms

jQuery full screen pages made easy – fullPage.js

CSS3 and jQuery single page scrolling plugin – singular.js

Random Wall – jQuery random background image plugin

Responsive mobile menu jQuery plugin

Ascensor.js – jQuery content scroller (Swiss quality)

Awesome CSS and jQuery slide in panel

Bootstrap off canvas slide menu

CSS3 fullscreen background image slideshow – a tutorial

Enjoy!

Share:Share on Facebook4Share on Google+0Tweet about this on TwitterShare on LinkedIn2Pin on Pinterest1