Skip to content

Instantly share code, notes, and snippets.

@cdaringe
Created February 19, 2020 17:23
Show Gist options
  • Save cdaringe/aa350885780960f32569b485cdb4db96 to your computer and use it in GitHub Desktop.
Save cdaringe/aa350885780960f32569b485cdb4db96 to your computer and use it in GitHub Desktop.
path-demo.html
<style>
path {
stroke-dasharray: 100;
animation: dash 1.8s linear infinite;
}
@keyframes dash {
to {
stroke-dashoffset: 200;
}
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
width="360" height="120" viewBox="0 0 50 50">
<path d="m 25 25 a 10 10 0 0 0 20 0 a 10 10 0 0 0 -20 0 a 10 10 0 0 1 -20 0 a 10 10 0 0 1 20 0" stroke="#529fd9" stroke-width="2" fill="none" id="wire""></path>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment