Easy pure CSS loading animation #css #cssanimation

How to easily create a pure CSS loading animation.

### CS ###
.loading {
display: flex;
width: 80px;
height: 80px;
justify-content: space-between;
align-items: flex-end;
}

.bar {
border-radius: 3px;
width: 20px;
height: 35px;
background: #000;
animation: loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.bar-2 {
animation-delay: 0.15s;
}

.bar-3 {
animation-delay: 0.3s;
}

@keyframes loading {
0% {
height: 60px;
}
50%, 100% {
height: 35px;
}
}