首页 > 代码库 > 有点类似跳动心脏的动画

有点类似跳动心脏的动画

2024-11-09 05:58:02   202人阅读

<!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="http://www.mamicode.com/#"></a>

	</div>
</body>
</html>

　　技术分享

有点类似跳动心脏的动画


联系
我们