<style>

.loading {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.loading::before,
.loading::after {
	position: absolute;
	content: "";
}

@keyframes FullRotate {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

.loading,
.loading::before,
.loading::after {
	border: solid 2px transparent;
	border-radius: 100%;
	animation: FullRotate 1.5s infinite linear;
}

.loading {
	border-top-color: blue;
}

.loading::before {
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	border-top-color: red;
	animation-duration: 1.75s;
}

.loading::after {
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border-top-color: green;
	animation-duration: 2s;
}

</style>

<div class="loading"></div>