AWESOME CUFONIZED FLY-OUT MENU WITH JQUERY AND CSS3

VIEW DEMODOWNLOAD SOURCE

In today’s tutorial we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide out a description bar from the left side of the page, reaching towards the current menu item.

We will use jQuery for the effect and some CSS3 properties for the style. We are not going to use any images.

So, let’s start!