In this tutorial you will learn how to create a side menu with animation and also hamburger button animation.

I used 2 elements on the page with class left_menu and page.
left_menu class consists of several elements:

• menu_btn with 3 <span> elements used for creating hamburger menu icon
• <ul> element that contains links of the menu

page class consists of two parts:

There is never enough animation menu. In this tutorial, you can view vertical and horizontal menu animations.
We make a simple menu, you can use <div> and <a> tags as I used or <ul> <li> and <a> tags, as you like.

If you love the neon effects, then this is the tutorial for you. In this tutorial I will show you how to make text with neon effect with several css lines that will allow you to use it immediately or just hover. Through the tutorial I used Ubuntu font with font weight of 700.  
Only thing you need is one <p> element with <span> element in it with text you want. The first element <p> will serve me for a permanent neon effect while a secont one will only be on hover. 

In material design one of the most important thing is shadow that determines how far raised or close is element on page. Almost every panel, button, form have a shadow.
In this tutorial you can see"material-shadow" function in sass which you can use easly use on your website. There is 5 level of shadow, from the lowest ($level 1) to the highest ($level 5).

If you like our Zcode top menu in this tutorial we are goring to learn you how to create it in few simple steps.

The first thing you have to do is create unsorted html list <ul> with menu class.