You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.5 KiB
XML
34 lines
1.5 KiB
XML
4 years ago
|
<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
|
||
|
<svg width="120" height="30" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#257aa7">
|
||
|
<circle cx="15" cy="15" r="15">
|
||
|
<animate attributeName="r" from="15" to="15"
|
||
|
begin="0s" dur="0.8s"
|
||
|
values="15;9;15" calcMode="linear"
|
||
|
repeatCount="indefinite" />
|
||
|
<animate attributeName="fill-opacity" from="1" to="1"
|
||
|
begin="0s" dur="0.8s"
|
||
|
values="1;.5;1" calcMode="linear"
|
||
|
repeatCount="indefinite" />
|
||
|
</circle>
|
||
|
<circle cx="60" cy="15" r="9" fill-opacity="0.3">
|
||
|
<animate attributeName="r" from="9" to="9"
|
||
|
begin="0s" dur="0.8s"
|
||
|
values="9;15;9" calcMode="linear"
|
||
|
repeatCount="indefinite" />
|
||
|
<animate attributeName="fill-opacity" from="0.5" to="0.5"
|
||
|
begin="0s" dur="0.8s"
|
||
|
values=".5;1;.5" calcMode="linear"
|
||
|
repeatCount="indefinite" />
|
||
|
</circle>
|
||
|
<circle cx="105" cy="15" r="15">
|
||
|
<animate attributeName="r" from="15" to="15"
|
||
|
begin="0s" dur="0.8s"
|
||
|
values="15;9;15" calcMode="linear"
|
||
|
repeatCount="indefinite" />
|
||
|
<animate attributeName="fill-opacity" from="1" to="1"
|
||
|
begin="0s" dur="0.8s"
|
||
|
values="1;.5;1" calcMode="linear"
|
||
|
repeatCount="indefinite" />
|
||
|
</circle>
|
||
|
</svg>
|