CSS3鼠标悬停图标导航动画
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>CSS3鼠标悬停图标导航动画特效</title>
<link href="https://www.jq22.com/demo/csshouerdh202408161215/css/index.min.css" rel="stylesheet" />
</head>
<body>
<br><br><br><br>
<section class="business active">
<div class="box">
<ul class="items list-inline">
<li class="pc">
<u class="cl"></u>
<u class="cr"></u>
<i></i><strong>高端定制网站</strong>
<p>企业高端定制网站设计<br />彰显品牌形象</p>
</li>
<li class="mobi">
<u class="cl"></u>
<u class="cr"></u>
<i></i><strong>移动网站建设</strong>
<p>定制手机网站 / 微网站制作<br />布局移动互联网</p>
</li>
<li class="sys">
<u class="cl"></u>
<u class="cr"></u>
<i></i><strong>业务系统研发</strong>
<p>基于 B/S 架构的系统研发<br />让业务办公轻松自如</p>
</li>
<li class="app">
<u class="cl"></u>
<u class="cr"></u>
<i></i><strong>APP应用程序</strong>
<p>基于 iOS / Android 应用开发<br />掌控智能终端时代</p>
</li>
<li class="host">
<u class="cl"></u>
<u class="cr"></u>
<i></i><strong>服务器运维</strong>
<p>我们不只提供云硬件和网络<br />更加注重技术运维</p>
</li>
</ul>
</div>
</section>
</body>
</html>
页:
[1]