In this demo we animate the buffer loading icon. Try to change the SVG code and/or animation and see what you get. Try the following animation for example:
.layer {
stroke-dasharray: 1000;
animation: layer 5s linear infinite;
fill: none;
stroke: black;
}
@keyframes layer {
0%, 100% {
stroke-dashoffset: 1000;
fill: none;
}
50% { stroke-dashoffset: 0; }
80% {
fill: #4b4b4b; /* #b2b2b2 */
stroke: none;
}
85% { stroke-dashoffset: 1000; }
} /* end of keyframes */