html摇晃的桃子代码
时间: 2023-11-14 11:08:13 浏览: 87
以下是一个简单的 HTML 摇晃的桃子代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Shaking Peach</title>
<style>
@keyframes shake {
0% { transform: rotate(0deg); }
10% { transform: rotate(14deg); }
20% { transform: rotate(-14deg); }
30% { transform: rotate(14deg); }
40% { transform: rotate(-14deg); }
50% { transform: rotate(10deg); }
60% { transform: rotate(-10deg); }
70% { transform: rotate(6deg); }
80% { transform: rotate(-6deg); }
90% { transform: rotate(2deg); }
100% { transform: rotate(0deg); }
}
img {
animation: shake 0.5s infinite;
display: block;
margin: 0 auto;
width: 200px;
}
</style>
</head>
<body>
<img src="https://cdn.pixabay.com/photo/2017/06/06/22/46/peach-2377467_960_720.png" alt="Peach">
</body>
</html>
```