<img src="https://smart-lab.ru/uploads/images/02/04/20/2016/05/16/be09dd.png">
<svg>
<path
d="M 87 1 A 86 86 0 1 1 86.9 1"
stroke="black"
stroke-width="2"
fill="none">
</svg>
img {
position: absolute;
left: 22px;
top: 22px;
width: 150px;
border-radius: 50%;
}
svg {
position: absolute;
left: 10px;
top: 10px;
width: 174px;
height: 174px;
}
path {
stroke-dasharray: 540;
stroke-dashoffset: 540;
animation: dash 5s linear forwards;
animation-delay: 5s;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.