CSS3左右摆动效果
2019-12-08 本文已影响0人
钱段工程师
<!DOCTYPE html>
<head>
<title></title>
<style>
.animate-1 {
width: 40px;
height: 40px;
background-color: red;
margin: 100px auto;
animation: swing1 1s ease-in-out infinite;
transform: rotate(-5deg);
transform-origin: top center;
}
@keyframes swing1 {
0% { transform: rotate(-5deg); }
50% { transform: rotate(5deg);}
100% { transform: rotate(-5deg);}
}
</style>
</head>
<body>
</div>
</body>
</html>
cv工程师
