Based on HTML5 top navigation 3D flip spread effect

Based on the HTML5 top navigation 3D flip spread effect is a 3D rollover site navigation menu code based on the JQUERY+HTML5 implementation. As follows:

Online preview Source Download

The implemented code.

HTML code:

<Headerclass= "Cd-header">        <ahref= "#0"class= "Cd-logo"><imgsrc= "Img/cd-logo.svg"alt= "Logo"></a>        <ahref= "#0"class= "Cd-3d-nav-trigger">Menu<span></span>        </a>    </Header> <!--. Cd-header -    <Main>        <H1>3D Rotating Navigation</H1>        <!--All your content here -    </Main>    <navclass= "Cd-3d-nav-container">        <ulclass= "Cd-3d-nav">            <Liclass= "cd-selected">                <ahref= "#0">Dashboard</a>            </Li>            <Li>                <ahref= "#0">Projects</a>            </Li>            <Li>                <ahref= "#0">Images</a>            </Li>            <Li>                <ahref= "#0">Settings</a>            </Li>            <Li>                <ahref= "#0">New</a>            </Li>        </ul> <!--. Cd-3d-nav -        <spanclass= "Cd-marker color-1"></span>    </nav> <!--. Cd-3d-nav-container -    <Scripttype= "Text/javascript"src= "Js/jquery-2.1.1.js"></Script>    <Scripttype= "Text/javascript"src= "Js/main.js"></Script>

via:http://www.w2bc.com/article/49439

Based on HTML5 top navigation 3D flip spread effect