CSS3同时两个动画

最新推荐文章于 2023-06-02 14:37:04 发布

A635461728

最新推荐文章于 2023-06-02 14:37:04 发布

阅读量1.3k

点赞数

原文链接：http://www.cnblogs.com/linecat/p/9884311.html

版权

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>CSS3同时两个动画</title>
<style type="text/css">
div{
margin:120px auto;
width:60px;
height:30px;
background-color:#999;
transform-origin:center top;
animation:ani 3s infinite;
}
@keyframes ani{
0%{transform:scale(3) rotateX(0deg);}
50%{transform:scale(2) rotateX(180deg);}
100%{transform:scale(1) rotateX(360deg);}
}
</style>
</head>
<body>
</body>
</html>