Skip to content

Instantly share code, notes, and snippets.

@tsdorsey

tsdorsey/index.html

Last active February 4, 2022 21:29
Show Gist options
  • Save tsdorsey/1cb15a2a36e3be65a9b51298aefd2b7a to your computer and use it in GitHub Desktop.
Save tsdorsey/1cb15a2a36e3be65a9b51298aefd2b7a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. tsdorsey revised this gist Feb 4, 2022. No changes.
  2. tsdorsey created this gist Feb 4, 2022.
    32 changes: 32 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,32 @@
    <html lang="en">
    <head>
    <style>
    .rotate {
    animation: rotate 0.75s linear infinite;
    transform-origin: center center;
    }
    @keyframes rotate {
    /* Uncomment the following line and the <circle> will spin as expected. */
    /* 99% {} */
    100% {
    transform: rotate(360deg);
    }
    }
    </style>
    </head>
    <body>
    <svg viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
    <g stroke="currentColor" stroke-width="6" fill="none" fill-rule="evenodd">
    <circle
    class="rotate"
    cx="33"
    cy="33"
    r="30"
    stroke-dasharray="190"
    stroke-dashoffset="142.5"
    stroke-linecap="round"
    />
    </g>
    </svg>
    </body>
    </html>