<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3气泡动画文字导航菜单代码</title>
<meta http-equiv="X-UA-compatible"content="IE=edge">
<meta name="viewport"content="width=device-width"initailscale="1">
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body><script src="/demos/googlegg.js"></script>
<div class="nav">
<ul>
<li><a class="tooltip tooltip-style1" href="#">Home<span class="tooltip-content"><i class="fa fa-home fa-2x"></i></span></a></li>
<li><a class="tooltip tooltip-style2" href="#">About<span class="tooltip-content"><i class="fa fa-user fa-2x"></i></span></a></li>
<li><a class="tooltip tooltip-style3" href="#">Works<span class="tooltip-content"><i class="fa fa-camera-retro fa-2x"></i></span></a></li>
<li><a class="tooltip tooltip-style4" href="#">Collection<span class="tooltip-content"><i class="fa fa-book fa-2x"></i></span></a></li>
<li><a class="tooltip tooltip-style5" href="#">Cantact<span class="tooltip-content"><i class="fa fa-phone-square fa-2x"></i></span></a></li>
</ul>
</div>
一款很漂亮的当鼠标经过文字导航的时候向上弹出白色图标气泡的CSS3气泡动画文字导航菜单代码,效果非常不错。
申明:本站所有资源都是转载各大下载站,或由网友投稿发布,请自行检测软件的完整性,如有侵权请联系我们删除下架,联系方式:admin@php.cn