有点类似跳动心脏的动画 

<!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>

　　

posted @ 2017-07-27 23:37  黑发不知勤学早  阅读(379)  评论(0)  编辑  收藏  举报