CSS动画圆点波浪wave动画

<div class="box box1"></div>
<div class="box box2"></div>
<div class="box box3"></div>

 CSS

.box {
    width: 9px;
	height: 9px;
	background: greenyellow;
	margin: 100px 10px;
	border-radius: 50%;
	float: left;
	animation: first 1.3s linear infinite;
}
.box2 {
    animation-delay: -1.1s;
}
.box3 {
	animation-delay: -.9s
}
@keyframes first {
    0%, 60%, to {
		transform: none
	}

	30% {
		transform: translateY(-15px)
	}
}