Skip to content

Instantly share code, notes, and snippets.

@jcayzac

jcayzac/test.svg

Created September 27, 2011 02:47
Show Gist options
  • Save jcayzac/1244190 to your computer and use it in GitHub Desktop.
Save jcayzac/1244190 to your computer and use it in GitHub Desktop.
Download ZIP
Display the source blob
Display the rendered blob
Raw
test.svg
<?xml version="1.0" standalone="yes"?>
<svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(50, 50)" stroke-width="7.5" stroke-linecap="round" stroke="#fff">
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(0)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(30)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".05s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(60)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".1s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(90)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".15s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(120)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".2s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(150)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".25s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(180)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".3s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(210)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".35s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(240)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".4s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(270)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".45s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(300)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".5s" dur=".6s" repeatCount="indefinite"/></line>
<line x1="0" y1="-43" x2="0" y2="-25" transform="rotate(330)"><animateColor attributeName="stroke" attributeType="CSS" from="#222" to="#ccc" begin=".55s" dur=".6s" repeatCount="indefinite"/></line>
</g></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment