<div class="box"/>
.box {
width: 50px;
height: 50px;
margin: 0 auto;
background: #007EA7;
border-radius: 10px;
animation: loading .8s ease-in-out alternate infinite;
}
@keyframes loading {
50% {
background: #003459;
border-radius: 25px;
box-shadow: 0 0 1px 3px rgba(148, 187, 233, 0.7);
}
100% {
transform: rotate(1turn) scale(0.7);
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.