<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div a {
display: block;
height:76px;
padding-left:140px;
background-color: pink;
color:#FFF;
animation:dx 1s linear alternate infinite;
width:100px;
margin:100px auto;
border-radius: 10px;
}
@-webkit-keyframes dx{
0%{ -webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.1)}
}
@keyframes dx{
0%{transform:scale(1)}
100%{transform:scale(1.1)}
}
@-moz-keyframes dx{
0%{ -moz-transform:scale(1)}
100%{-moz-transform:scale(1.1)}
}
</style>
</head>
<body>
<div>
<a href="#"></a>
</div>
</body>
</html>
原文：http://www.cnblogs.com/agansj/p/7247994.html