Skip to content

Instantly share code, notes, and snippets.

@svey
Last active August 1, 2019 19:47
Show Gist options
  • Save svey/2f989026419c2f81bed8c0d8ddddbafb to your computer and use it in GitHub Desktop.
Save svey/2f989026419c2f81bed8c0d8ddddbafb to your computer and use it in GitHub Desktop.
cog 2
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="a">
<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="4"/>
</mask>
<circle cx="50" cy="50" r="50" fill="gold" mask="url(#a)"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment