当前位置:首页 > 网页特效 > 菜单导航 >

CSS3精美小图标菜单导航

时间:2014-06-11 08:59 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

CSS3精美小图标菜单导航CSS3精美小图标菜单导航是一款精美清新的CSS3小图标菜单导航,鼠标滑过这款菜单时还可以在图标和文字之间形成切换的动画效果。css3鼠标滑过小图标图标导航 所属专题:菜单导航

  <div class="container">
  <ul class="navigation">
    <li>
        <a href="#" class="to top">
          <i class="fa fa-home"></i>
          <span>Home</span>
        </a>
    </li>
    <li>
        <a href="#" class="to bottom">
          <i class="fa fa-qrcode"></i>
          <span>About</span>
        </a>
    </li>
    <li>
        <a href="#" class="to right">
          <i class="fa fa-flash"></i>
          <span>Work</span>
        </a>
    </li>
    <li>
        <a href="#" class="to left">
          <i class="fa fa-pencil"></i>
          <span>Journal</span>
        </a>
    </li>
    <li>
        <a href="#">
          <i class="fa fa-heart"></i>
          <span>Contact</span>
        </a>
    </li>
  </ul>
</div>
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

菜单导航下载排行

最新文章