Illusion CSS3 Mega Menu (Navigation and Menus)

By Acty, September 13, 2013

IllusionCSS3 Mega Menu

A Pure HTML5/CCS3 Mega Navigation Menu that fits well with any website or webpage. It’s clean simplistic style means that it will not steal focus from other aspects of your page. There are many key features which make this menu look extremely simplistic, yet very complex.

  • Unlimited colour possibilities
  • NO IMAGES (Not required, you can add your own)
  • Contact Form
  • Full Width Option
  • Quarter Width Option
  • 3 Column Sizes – Quarter, Third and Half
  • 308 Icon options
  • Easy to integrate
  • No Javascript/jQuery
  • Full Documentation
  • Clean commented code

Only two main files needed, a CSS file and an HTML file. Extremely lightweight clean code which can be easily added to any website. This is not a WordPress Plugin (Yet!).

The icons are done using a font called Typicon, meaning you can fully animate, customize and change the colour of the icons. There are only two changes to be made to change the colour scheme within the CSS file. Full documentation can be found within the ZIP.

A demo of the Typicons icons will be within the ZIP for reference, no PNG files are needed to make them work!

Tested and working in many popular browsers, IE8, IE9, IE10, Firefox, Safari, Opera & Chrome. If you notice any browser issues please leave a comment and I’ll rectify them ASAP.


Support offered via comments section of this item. Please leave a detailed description of the problem you are having and i’ll do my best to help you correct it :-)

Noticeable Mentions

  1. Typicon Font Icons
  2. Documentor 2.0