Animated loading html&css only
html & css goodies for your animated loading icons
@keyframes heartbeat
{
0%
{
transform: scale( .75 );
}
20%
{
transform: scale( 1 );
}
40%
{
transform: scale( .75 );
}
60%
{
transform: scale( 1 );
}
80%
{
transform: scale( .75 );
}
100%
{
transform: scale( .75 );
}
}
div
{
border-width: 1px;
border-color: red;
border-radius: 50%;
border-style: dotted;
padding: 5px;
animation: heartbeat 4s infinite;
display: inline-flex;
align-items: center;
justify-content: center;
}