CSS3同时两个动画

2024年5月21日 177次阅读来源: A635461728

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

转载于:https://www.cnblogs.com/linecat/p/9884311.html

    原文作者：A635461728
    原文地址: https://blog.csdn.net/A635461728/article/details/101308249
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。