Skip to content

Instantly share code, notes, and snippets.

@svey
Created August 1, 2019 19:50
Show Gist options
  • Save svey/c7f7010ee5d2e2983536f3abaee612e4 to your computer and use it in GitHub Desktop.
Save svey/c7f7010ee5d2e2983536f3abaee612e4 to your computer and use it in GitHub Desktop.
Cog 3
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
<mask id="c">
<rect width="100" height="100" fill="#fff"/>
<circle cx="50" cy="50" r="53" fill="none" stroke="#000" stroke-width="22" transform="rotate(297.843 50 50) rotate(13.5333 50 50)" stroke-dasharray="33.3">
<animateTransform additive="sum" attributeName="transform" attributeType="xml" dur="5s" repeatCount="indefinite" type="rotate" values="0 50 50; 360 50 50"/>
</circle>
<circle cx="50" cy="50" r="30"/>
</mask>
<circle cx="50" cy="50" r="50" fill="gold" mask="url(#c)"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment