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:

If you have used bootstrap then you have certainly used it's modal. It's very useful if we want to display a notification or form, and we do not want to load a page with too much content. In this tutorial, I'll show you several classes of modal with which you can easily change style of modal.

We all love Star Wars. The last movie was recently released and judging from the early buzz it seems that fans won't be disappointed. I am planning to watch it today. My favorite thing about Star Wars are lightsabers, which is why my tutorial today introduces lightsaber with CSS animation.

In this tutorial you will learn simple hover animation with click function. For this tutorial I used jQuery and Font Awesome.

You need to add tag <p> with class btn color style as you want, and two tags <span>. First <span>is used for button name, and the second one <span> is used for font-awesome icon.

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.