<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>各种鼠标悬停css3动画效果</title>
<link href="css/lanrenzhijia.css" rel="stylesheet" type="text/css" />
<style>
.main a:not(:hover):not(:target) {-webkit-animation: 0s ease 0s normal none 1 none;}
.main a:not(:hover):not(:target) {-moz-animation: 0s ease 0s normal none 1 none;}
.main a:not(:hover):not(:target) {animation: 0s ease 0s normal none 1 none !important;}
</style>
</head>
<body>
<div class="box">
<div class="main">
<a id="border-radius"></a>
<a id="border-radius-2"></a>
<a id="border-width"></a>
<a id="border-width-2"></a>
<a id="border-width-3"></a>
<a id="background-color"></a>
<a id="background-position"></a>
<a id="background-position-2"></a>
<a id="background-size"></a>
<a id="text-shadow"></a>
<a id="text-shadow-2"></a>
<a id="text-shadow-3"></a>
<a id="box-shadow"></a>
<a id="box-shadow-2"></a>
<a id="font-size"></a>
<a id="font-size-2"></a>
<a id="letter-spacing"></a>
<a id="text-indent"></a>
<a id="height"></a>
<a id="line-height"></a>
<a id="transform"></a>
<a id="transform-2"></a>
<a id="transform-3"></a>
<a id="transform-4"></a>
<a id="transform-5"></a>
<a id="transform-6"></a>
<a id="transform-7"></a>
<a id="transform-8"></a>
<a id="transform-9"></a>
<a id="transform-10"></a>
<a id="transform-origin"></a>
<a id=""></a>
</div>
</div><br>
</body>
</html>