基于CSS3飘带状3D菜单 菜单带小图标

这次我们要来分享一款很特别的CSS3菜单，菜单的外观是飘带状的，并且每一个菜单项有一个精美的小图标，鼠标滑过菜单项时，菜单项就会向上凸起，像是飘带飘动一样，形成非常酷的3D视觉效果。这款CSS3飘带状3D菜单非常适合作一些活动页面的菜单导航。

在线预览   源码下载

实现的代码。

htmll代码：

 <nav>    <menu>      <li><a href="#"><span>t</span> <span>twitter</span> </a></li>      <li id="at"><a href="#"><span>c</span> <span>codepen</span> </a></li>      <li><a href="#"><span>d</span> <span>dribbble</span> </a></li>      <li><a href="#"><span>g</span> <span>google+</span> </a></li>    </menu>    <div class="ribbon left">    </div>    <div class="ribbon right">    </div>  </nav>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：基于CSS3飘带状3D菜单 菜单带小图标

关键词：CSS