JSFiddle - React, Tailwind, and code Playground
by ASHISH ROX
HTML
<script src="file:///G:/webdsi/AnimatedBorderMenus/js/borderMenu.js"></script>
<script src="file:///G:/webdsi/AnimatedBorderMenus/js/classie.js"></script>
<script src="http://fonts.googleapis.com/css?family=Lato:300,400,700"></script>
<link rel="stylesheet" href="file:///G:/webdsi/AnimatedBorderMenus/css/icons.css">
<link rel="stylesheet" href="file:///G:/webdsi/AnimatedBorderMenus/css/normalize.css">
<link rel="stylesheet" href="file:///G:/webdsi/AnimatedBorderMenus/css/style3.css">
<link rel="stylesheet" href="file:///G:/webdsi/AnimatedBorderMenus/css/demo.css">
<div class="container">
<header class="codrops-header">
<h1>Animated Border Menus <span>Inspired by CreativeDash's <a href="http://creativeda.sh/sandbox/bounce_menu/">bounce menu</a></span></h1>
<p class="codrops-links"><a class="codrops-icon codrops-icon-prev" href="http://tympanus.net/Development/CreativeLoadingEffects/"><span>Previous Demo</span></a>
<span class="right"><a class="codrops-icon codrops-icon-drop" href="http://tympanus.net/codrops/?p=16556"><span>Back to the Codrops Article</span></a></span></p>
<nav class="codrops-demos">
<a href="index.html">Demo 1</a>
<a href="index2.html">Demo 2</a>
<a class="current-demo" href="index3.html">Demo 3</a>
<a href="index4.html">Demo 4</a>
<a href="index5.html">Demo 5</a>
<a href="index6.html">Demo 6</a>
</nav>
<div class="codrops-related">
If you enjoyed this menu, you might also like:<br>
<a href="http://tympanus.net/Development/MultiLevelPushMenu/">Multi-Level Push Menu</a><br>
<a href="http://tympanus.net/Development/SidebarTransitions/">Transitions for Off-canvas Navigations</a>
</div>
</header>
<nav id="bt-menu" class="bt-menu bt-menu-open">
<a href="#" class="bt-menu-trigger"><span>Menu</span></a>
<ul>
<li><a href="#" class="bt-icon icon-user-outline">About</a></li>
<li><a href="#" class="bt-icon icon-sun">Skills</a></li>
<li><a href="#"...