您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 菜单导航 >

    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>
    CSS3精美小图标菜单导航由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/caidan/9091.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!