麻烦老师查看作业，谢谢。

来源：2-21 自由编程

DanielDu87

2022-02-02 13:25:53

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
<style>
* {
margin: 0;
padding: 0;
}

div {
width: 88px;
height: 81px;
margin: 40px auto;
}

.b1 {
position: relative;
background-image: url('../images/xin.png');
}

.b2 {
position: absolute;
top: -42px;
left: -2px;
background-image: url('../images/xin.png');
animation: shanshuo 0.5s linear 0s infinite backwards;
transform: scale(1);
}

@keyframes shanshuo {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(1.8);
}
}
</style>
</head>
<body>
<div class="b1">
<div class="b2"></div>
</div>
</body>
</html>

写回答

1回答