<style>
.alldiv {
position: relative;
left: 300px;
top: 200px;
animation: 1s tiaodong infinite;
}
.a {
width: 200px;
height: 200px;
background-color: red;
float: left;
box-shadow: 0px 0px 70px red;
}
.a1 {
transform: rotate(45deg);
position: relative;
left: 325px;
top: 75px;
}
.a2 {
border-radius: 100px;
position: relative;
left: 50px;
}
.a3 {
border-radius: 100px;
}
@keyframes tiaodong {
0% {
transform: scale(1)
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
</style>
</head>
<body>
<div class="alldiv">
<div class="a a1"></div>
<div class="a a2"></div>
<div class="a a3"></div>
</div>
</body>
91c07a114d12dc9be6d4f88af92385a4.mp4
老师我这个用一个大的div标签去包裹主其他三个小的div为什么出来的跳动效果是这样的