block.css

body{
	margin: 0;
	padding: 0;
	background: #262626;
}

.loader{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 100px;
	height: 100px;
	animation: ani 1s linear infinite;
}

.loader span{
	position: absolute;
	width: 50px;
	height: 50px;
	background: #587081;
	animation: rotade 1s linear infinite;
}

.loader span:nth-child(1){
	top: 0;
	left: 0;
	background: #cfff00; 
}

.loader span:nth-child(2){
	top: 0;
	right: 0;
	background: #81c186; 
}

.loader span:nth-child(3){
	bottom: 0;
	right: 0;
	background: #013a81; 
}

.loader span:nth-child(4){
	bottom: 0;
	left: 0;
	background: #ed192d; 
}

@keyframes ani{
	0%{
		width: 100px;
		height: 100px;
	}

	10%{
		width: 100px;
		height: 100px;
	}

	50%{
		width: 150px;
		height: 150px;
	}

	90%{
		width: 100px;
		height: 100px;
	}

	100%{
		width: 100px;
		height: 100px;
	}
}

@keyframes rotade{
	0%{
		transform: rotate(0deg);
	}

	10%{
		transform: rotate(0deg);
	}

	50%{
		transform: rotate(90deg);
	}

	90%{
		transform: rotate(90deg);
	}

	100%{
		transform: rotate(90deg);
	}

}