Animated Checkmark

SVG checkmark that draws itself.

.chk circle { stroke:#10b981; stroke-width:2; fill:none; stroke-dasharray:166; stroke-dashoffset:166; animation:dc 0.6s ease forwards; }
.chk path { stroke:#10b981; stroke-width:3; fill:none; stroke-dasharray:48; stroke-dashoffset:48; animation:dp 0.3s ease forwards 0.5s; }
@keyframes dc { to{stroke-dashoffset:0} }
@keyframes dp { to{stroke-dashoffset:0} }