Skip to content

Instantly share code, notes, and snippets.

@muhammedbasilsk
Created August 8, 2015 18:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save muhammedbasilsk/c833143ce754095e41ab to your computer and use it in GitHub Desktop.
Save muhammedbasilsk/c833143ce754095e41ab to your computer and use it in GitHub Desktop.
dorXab
<div id="bird-container">
<svg version="1.1" id="birds-flight" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve" preserveAspectRatio="xMinYMin slice">
<g id="a">
<path style="fill:#7B7B7B" d="M65.6,62.9c-2.9-4-10.5-9.6-10.5-17.4c2.4,0.6,6.1-2.7,10-7.2
c0.7-0.8-0.9-1.6-0.2-2.5c0.8-1,4-2.1,4.8-3.1c0.8-1-1.2-1.9-0.4-2.9c0.9-1.1,4.5-2.3,5.3-3.4c1.2-1.4-1-2,0-3.1
c0.6-0.7,4.5-2,5-2.5c1-0.9,1.8-1.5,2.5-1.7c4.8,0.8-4.9,16-5.8,18c-1,2.3-9.4,11.5-5.9,14.3c-0.2,0.5-2.2,3.1-2.4,3.6
C74.5,61.8,66.7,61.6,65.6,62.9z"/>
<path style="fill:#515250" d="M64.1,63.5c-3.9,4.4-9.6,1.9-11.2,10c-0.1,0.4-1.4-0.4-2.9-0.8
c-0.4-0.1,0.3,1.7-0.5,1.7c-0.3,0-2.3-1.8-2.5-1.8c-1.4,0-3,1.6-4.4,1.6c-0.7,0,0.4-1.7-0.2-1.6c-0.8,0.1-3.4,1.8-4.2,1.8
c-1.6,0,0.1-2.5-1.5-2.6c-1.2-0.1-5.5,2.4-6.7,2.2c-1.7-0.2,2.2-2.7,0.5-3.1c-2.1-0.6-10,0.7-12.1-0.3C28,64.6,41.1,71,48.9,59.9
c-3.8-1.6-6.9-3.9-9.6-6.6c-0.9-0.9,0.5-2-0.4-3c-1-1.2-4.2-2.2-5.1-3.4c-0.9-1.2,1.1-2.2,0.2-3.4c-0.9-1.2-4.8-2.7-5.8-3.9
c-0.8-1,0.5-2.1-0.3-3c-1-1-4.1-1.9-5.1-2.8c-0.8-0.7,0.7-2.8-0.3-3.5c-1.1-0.7-4.4-0.4-5-1.6c-1.3-2.6-1.4-5.9,0.8-8.5
c3.2-3.8,8.6,1.1,12,3.8c9.4,7.4,21.9,10.9,26.8,22.5c-0.3,5.7,9.1,8.5,12,12.5C70.7,60.6,66.6,62.8,64.1,63.5z"/>
</g>
<g id="b">
<path style="fill:#7B7B7B" d="M65.8,65.6c-2.9-4-10.5-12.6-10.5-20.4c2.4,0.6,0.1-4.7,4-9.2
c0.7-0.8-0.9-1.6-0.2-2.5c0.8-1,4-2.1,4.8-3.1c0.8-1-1.2-1.9-0.4-2.9c0.9-1.1,4.5-2.3,5.3-3.4c1.2-1.4-1-2,0-3.1
c0.6-0.7,4.5-2,5-2.5c1-0.9,3.8-0.5,4.5-0.7c4.8,0.8-4.9,16-5.8,18c-1,2.3-5.4,15.5-1.9,18.3c-0.2,0.5-2.2,3.1-2.4,3.6
C74.6,64.5,66.9,64.2,65.8,65.6z"/>
<path style="fill:#515250" d="M64.2,66.1c-3.9,4.4-9.6,1.9-11.2,10c-0.1,0.4-1.4-0.4-2.9-0.8
c-0.4-0.1,0.3,1.7-0.5,1.7c-0.3,0-2.3-1.8-2.5-1.8c-1.4,0-3,1.6-4.4,1.6c-0.7,0,0.4-1.7-0.2-1.6c-0.8,0.1-3.4,1.8-4.2,1.8
c-1.6,0,0.1-2.5-1.5-2.6c-1.2-0.1-5.5,2.4-6.7,2.2c-1.7-0.2,2.2-2.7,0.5-3.1c-2.1-0.6-10,0.7-12.1-0.3c9.6-5.8,22.7,0.6,30.5-10.6
c-3.8-1.6-5.9-7.9-8.6-10.6c-0.9-0.9,0.5-2-0.4-3c-1-1.2-3.2-3.2-4.1-4.4c-0.9-1.2,1.1-2.2,0.2-3.4c-0.9-1.2-3.8-3.7-4.8-4.9
c-0.8-1,0.5-2.1-0.3-3c-1-1-3.1-2.9-4.1-3.8c-0.8-0.7,0.7-2.8-0.3-3.5c-1.1-0.7-4.4-0.4-5-1.6c-1.3-2.6-1.4-5.9,0.8-8.5
c3.2-3.8,8.6,1.1,12,3.8c9.4,7.4,17.8,14.9,22.8,26.5c-0.3,5.7,9.1,11.5,12,15.5C70.8,63.2,66.8,65.4,64.2,66.1z"/>
</g>
<g id="c">
<path style="fill:#7B7B7B" d="M66.3,67.3c-2.9-4-10.5-12.6-10.5-20.4c2.4,0.6-0.9-5.7,3-10.2
c0.7-0.8-1.9-1.6-1.2-2.5c0.8-1,3-3.1,3.8-4.1c0.8-1-1.2-1.9-0.4-2.9c0.9-1.1,4.5-2.3,5.3-3.4c1.2-1.4-1-2,0-3.1
c0.6-0.7,6.5-1,7-1.5c1-0.9,4.8,0.5,5.5,0.3c4.8,0.8,0.5,16.7-0.4,18.7c-1,2.3-4.3,11.4-7.2,17.6c-0.2,0.5-2.2,3.1-2.4,3.6
C75.2,66.2,67.4,65.9,66.3,67.3z"/>
<path style="fill:#515250" d="M64.8,67.8c-3.9,4.4-9.6,1.9-11.2,10c-0.1,0.4-1.4-0.4-2.9-0.8
c-0.4-0.1,0.3,1.7-0.5,1.7c-0.3,0-2.3-1.8-2.5-1.8c-1.4,0-3,1.6-4.4,1.6c-0.7,0,0.4-1.7-0.2-1.6c-0.8,0.1-3.4,1.8-4.2,1.8
c-1.6,0,0.1-2.5-1.5-2.6c-1.2-0.1-5.5,2.4-6.7,2.2C29,78,33,75.6,31.2,75.1c-2.1-0.6-10,0.7-12.1-0.3c9.6-5.8,22.7,0.6,30.5-10.6
c-3.8-1.6-8.9-3.9-11.6-6.6c-0.9-0.9,0.5-2-0.4-3c-1-1.2-3.2-3.2-4.1-4.4c-0.9-1.2,2.1-3.2,1.2-4.4C33.9,44.7,31,42.2,30,41
c-0.8-1,0.5-2.1-0.3-3c-1-1-2.1-3.9-3.1-4.8c-0.8-0.7,0.7-2.8-0.3-3.5c-1.1-0.7-4.4-0.4-5-1.6c-1.3-2.6-0.4-7.9,1.8-10.5
c3.2-3.8,7.6,4.1,11,6.8c9.4,7.4,7.1,21.3,21.6,25.5c4.6,4.4,11.2,9.5,14.1,13.5C71.4,65,67.3,67.1,64.8,67.8z"/>
</g>
<g id="d">
<path style="fill:#7B7B7B" d="M61.8,67.7c-2.9-4-12.4-7.8-12.4-15.6
c2.4,0.6,11.9-6.5,15.8-11c0.7-0.8-1.9-1.6-1.2-2.5c0.8-1,3-3.1,3.8-4.1c0.8-1-1.2-1.9-0.4-2.9c0.9-1.1,4.5-2.3,5.3-3.4
c1.2-1.4-1-2,0-3.1c0.6-0.7,6.5-1,7-1.5c1-0.9,4.8,0.5,5.5,0.3c4.8,0.8,0.5,16.7-0.4,18.7c-1,2.3-7.9,8.5-14.2,14
c-0.2,0.5-3.9,2.1-4.1,2.6C73,66,62.9,66.3,61.8,67.7z"/>
<path style="fill:#515250" d="M60.3,68.2c-3.9,4.4-9.6,1.9-11.2,10c-0.1,0.4-1.4-0.4-2.9-0.8
c-0.4-0.1,0.3,1.7-0.5,1.7c-0.3,0-2.3-1.8-2.5-1.8c-1.4,0-3,1.6-4.4,1.6c-0.7,0,0.4-1.7-0.2-1.6c-0.8,0.1-3.4,1.8-4.2,1.8
c-1.6,0,0.1-2.5-1.5-2.6c-1.2-0.1-5.5,2.4-6.7,2.2c-1.7-0.2,2.2-2.7,0.5-3.1c-2.1-0.6-10,0.7-12.1-0.3c9.6-5.8,22.7,0.6,30.5-10.6
c-3.8-1.6-8.9-0.9-11.6-3.6c-0.9-0.9,0.5-2-0.4-3c-1-1.2-4.2-2.2-5.1-3.4c-0.9-1.2,2.1-3.2,1.2-4.4c-0.9-1.2-3.8-1.7-4.8-2.9
c-0.8-1,0.5-2.1-0.3-3c-1-1-1.1-1.9-2.1-2.8c-0.8-0.7,0.7-2.8-0.3-3.5c-1.1-0.7-4.4-0.4-5-1.6c-1.3-2.6-0.4-7.9,1.8-10.5
c3.2-3.8,7.6,4.1,11,6.8c9.4,7.4,7.1,13.3,21.6,17.5c4.6,4.4,11.2,9.5,14.1,13.5C66.9,65.4,62.8,67.5,60.3,68.2z"/>
</g>
<g id="e">
<path style="fill:#7B7B7B" d="M85.6,35.3c0,0-0.6,1.9-3.7,1.8c-1,0-3.9-1.9-5.3-1.8
c-1.1,0.1-0.7,2-2,2.2c-1.5,0.2-3.6,0.5-5.1,2.2c-0.8,0.9-1.1,3.1-2,4.1c-0.9,1.1-2-0.2-2.9,0.9c-0.7,0.8-1.5,4.8-2.1,5.8
c-1.9,3.1-5.6,3.4-16-2.3c0,7.8,9.3,9.6,12.2,13.6c1.1-1.3,2.8,2.2,6.9-4.7c0.2-0.5,4.2-0.2,4.7-0.3c23.8-7.1,21.2-10.8,22.2-13
C93.3,42,90.4,36.1,85.6,35.3z"/>
<path style="fill:#515250" d="M56.9,62.5c-3.9,4.4-9.6,1.9-11.2,10c-0.1,0.4-1.4-0.4-2.9-0.8
c-0.4-0.1,0.3,1.7-0.5,1.7c-0.3,0-2.3-1.8-2.5-1.8c-1.4,0-3,1.6-4.4,1.6c-0.7,0,0.4-1.7-0.2-1.6c-0.8,0.1-3.4,1.8-4.2,1.8
c-1.6,0,0.1-2.5-1.5-2.6c-1.2-0.1-5.5,2.4-6.7,2.2c-1.7-0.2,2.2-2.7,0.5-3.1c-2.1-0.6-10,0.7-12.1-0.3c9.6-5.8,17.5,3.7,25.2-7.4
c-3.8-1.6-3.6,3-6.3,0.3c-0.9-0.9,0.5-2-0.4-3c-1-1.2-3.2,0.8-4.1-0.4c-0.9-1.2,2.1-3.2,1.2-4.4c-0.9-1.2-3.8,1.3-4.8,0.1
c-0.8-1,0.5-3.8-0.4-4.7c-1-1-4.2-1.9-5.3-2.8c-0.8-0.7-1.3-3.9-2.2-4.5c-1.1-0.7-5.3,0.2-5.9-1C7,39.1,7.1,39,9.3,36.4
c3.2-3.8,10.6,4.1,14,6.8c9.4,7.4,8.7,0.3,23,5.3c8,2.8,12.9,5.8,15.7,9.8C63.6,59.7,59.5,61.8,56.9,62.5z"/>
</g>
<g id="f">
<path style="fill:#7B7B7B" d="M86.2,44.4c0,0-0.6-1.1-3.7-1.2c-1,0-2.9-1.9-4.3-1.8
c-1.1,0.1-1.7,2-3,2.2c-1.5,0.2-3.6,0.5-5.1,2.2c-0.8,0.9-2.1,0.1-3,1.1c-0.9,1.2-2-0.2-2.9,0.9c-0.7,0.8-1.5,1.8-2.1,2.8
c-1.9,3.1-12.8-1.4-21.3,3.1c0,7.8,14.6,4.2,17.4,8.2c1.1-1.3,2.8,2.2,6.9-4.7c0.2-0.5,4.2-0.2,4.7-0.3c23.8-7.1,24-11.3,22.2-13
C89.3,41.4,91,45.2,86.2,44.4z"/>
<path style="fill:#515250" d="M61.6,58.3c-2.9-4-10.3-2.1-18.3-4.9c-14.3-5-17.1-4.3-22.3-7
c-3.5-1.8-7.5-6.4-11.7-6.2c-1.4,0.1-2.5,1.8-1.5,2.5c0.9,0.7,1.4,3.8,2.2,4.5c1.1,0.9,4.3,1.8,5.3,2.8c0.8,0.9,0.6,1.8,1.4,2.7
c1,1.2,3.9-1.3,4.8-0.1c0.9,1.2-2.1,3.2-1.2,4.4c0.9,1.2,3.1-0.8,4.1,0.4c0.8,1-0.5,2.1,0.4,3c2.7,2.7,7.5,0.1,11.3,1.7
c-4.5,4.9-17.7-3.4-27.2,2.4c2.1,1,10-0.3,12.1,0.3c1.7,0.5-2.2,2.9-0.5,3.1c1.2,0.2,5.5-2.3,6.7-2.2c1.5,0.1-0.1,2.7,1.5,2.6
c0.8,0,3.4-1.8,4.2-1.8c0.6,0-0.6,1.6,0.2,1.6c1.4,0,2.9-1.6,4.4-1.6c0.2,0,2.2,1.8,2.5,1.8c0.8,0,0.1-1.8,0.5-1.7
c1.5,0.4,2.8,1.3,2.9,0.8c1.6-8,9.4-0.6,13.2-5C59,61.9,63.1,59.8,61.6,58.3z"/>
</g>
<g id="g">
<path style="fill:#7B7B7B" d="M94.9,56c-1.4-3.4-1.4,0.7-5.5-1.9c0,0-0.1-1.3-2.9-2.6
c-0.9-0.5-1.9-2.9-3.3-3.3c-1-0.4-2.3,1.2-3.6,0.9c-1.5-0.4-3.5-1-5.6,0c-1.1,0.5-2-0.8-3.2-0.1c-1.3,0.7-1.7-1-3-0.4
c-1,0.5-2.9,0.3-5.3-0.7c-1.3-0.6-2.2-1.2-3.4-1.8c0,0,0,0,0,0c0,0,0,0,0,0c-1.2-0.5-2.6-1-4.9-1.2l-12.7,1.9
c-14.9,3-17.4,8.5-23.3,8c-3.9-0.4-9.4-3.1-13.1-1.3c-1.2,0.6-1.7,2.6-0.4,2.9c0.5,0.1,2.3,0,2.9,0.7c0.9,0.9-0.3,1.6,0.3,1.8
c1.3,0.5,2.2,0.2,3.4,0.8c1.1,0.5,1.2,1.8,2.3,2.4c1.4,0.7,2.1-0.8,3.4,0c1.3,0.8,1.3,1.1,2.6,1.9c1.3,0.8,3.3-1,4.6-0.3
c1.1,0.6,1.9-2.5,3-2c2,0.8,1.6,1.7,3.7,0.7c1.6-0.8,1.6-1.4,3.4-1.4l19.8-6.7c1.5-0.8,6.6,1,10.7,3.3c0.4-0.4,4,1.5,4.5,1.6
C94,62.1,95.8,58.3,94.9,56z"/>
<path style="fill:#515250" d="M61.9,48.4c-4.4-6.2-15.4-3.1-18.2-2.1
c-3.7,1.3-3.8,7.1-7.9,7.3c-1.4,0.1-5,6.2-3.9,6.9c1.8,1.1,3.5,2,8.5,1.1c3.9-0.7,8.7-4.1,13.8-4.3c6.5-0.3,10.7,0.2,20.6,2.3
c1.2,0.3,13.8,1.5,14.1,0.3C90.1,55.2,66.8,55.4,61.9,48.4z"/>
</g>
<g id="h">
<path style="fill:#7B7B7B" d="M46.1,37.5c-5.6,1.6-12,9.8-16.4,11.2c0,0.5-0.4,5.4,0.4,6.9
c1.2,2.2,1.9,1.1,3,2c0.9,0.7,0,5.4-0.8,6.1c-12.5,11.1-10.8,13.3-8.7,14C27,79,24,76.2,28.7,75c0,0,1,0.7,3.8-0.4
c1-0.4,3.4,0.5,4.7-0.2c1-0.5,0.7-2.5,1.8-3.3c1.3-0.9,3.1-1.9,3.8-4.2c0.4-1.2,1.9-0.9,2.3-2.3c0.4-1.4,1.9-0.6,2.3-2
c0.3-1.1,1.8-2.4,4.1-3.4c1.3-0.6,2.4-0.8,3.6-1.3c0,0,0,0,0,0c0,0,0,0,0,0c1.2-0.5,2.5-1.3,4.2-2.8l7.1-10.7L46.1,37.5z"/>
<path style="fill:#515250" d="M89.6,66.4c-0.8-3.8-14.4-13-19.1-22.2
c-1.3-2.6-7.2-2.8-8.3-4.2c-5.9-7.4-15.4-3.1-18.2-2.1c-3.7,1.3,3.1,5.2-1.1,5.4c-0.5,0-0.9,1.3-1.1,2.9l-5.8-0.1
c-4.5,4.9-17.7-3.4-27.2,2.4c2.1,1,10-0.3,12.1,0.3c1.7,0.5-2.2,2.9-0.5,3.1c1.2,0.2,5.5-2.3,6.7-2.2c1.5,0.1-0.1,2.7,1.5,2.6
c0.8,0,3.4-1.8,4.2-1.8c0.6,0-0.6,1.6,0.2,1.6c1.4,0,2.9-1.6,4.4-1.6c0.2,0,2.2,1.8,2.5,1.8c0.8,0,0.1-1.8,0.5-1.7
c0.5,0.1,0.9,0.3,1.3,0.5c0.1,1.2,0.3,2.1,0.6,2.3C44.1,54.5,38,68.8,43,68c3.9-0.7,5.2-9.7,10.3-10c1.1,0,4.7-0.2,6.6,1.1
c2,1.2,2.3,3.9,4,4c1.5,0.1,2.6-0.6,3.6-1.4c1.4-1,2.6,3.1,4.3,4.3c0.8,0.5,3.8-2.1,4.7-0.9s-0.2,3.5,0.7,4.2
c1.8,1.4,2.3-0.6,4-0.3c0.4,0.1,1.8,1.9,3,2.1C86.5,71.2,90,68.4,89.6,66.4z"/>
</g>
<g id="i">
<path style="fill:#7B7B7B" d="M46.6,33.9c-5.6,1.6-7.3,4.4-10,8.6c0,0.5-2.1,2.7-1.3,4.2
c1.2,2.2-6.4,0-1.7,7.3c0.6,1-0.5,5.1-0.8,6.1c-3.8,14.4,3.2,20.3,5.3,21c3.5,1.3,2.8-2.2,2.1-3.1c0,0-2-1.9,0.8-3
c1-0.4-1.6-3.5-0.3-4.2c1-0.5,0.7-2.5,1.8-3.3c1.3-0.9,0.1-1.9,0.8-4.2c0.4-1.2,1.9-0.9,2.3-2.3c0.4-1.4,1.9-0.6,2.3-2
c0.3-1.1,1.8-2.4,4.1-3.4c1.3-0.6,2.4-0.8,3.6-1.3c0,0,0,0,0,0c0,0,0,0,0,0c1.2-0.5,2.5-1.3,4.2-2.8l7.1-10.7L46.6,33.9z"/>
<path style="fill:#515250" d="M90.2,62.8c-9.8-6.1-13.9-15.5-18.6-24.7
c-1.3-2.6-7.7-0.3-8.8-1.7c-5.9-7.4-15.4-3.1-18.2-2.1c-3.7,1.3,3.1,5.2-1.1,5.4c-0.5,0-0.9,1.3-1.1,2.9l-5.8-0.1
c-4.5,4.9-17.7-3.4-27.2,2.4c2.1,1,10-0.3,12.1,0.3c1.7,0.5-2.2,2.9-0.5,3.1c1.2,0.2,5.5-2.3,6.7-2.2c1.5,0.1-0.1,2.7,1.5,2.6
c0.8,0,3.4-1.8,4.2-1.8c0.6,0-0.6,1.6,0.2,1.6c1.4,0,2.9-1.6,4.4-1.6c0.2,0,2.2,1.8,2.5,1.8c0.8,0,0.1-1.8,0.5-1.7
c0.5,0.1,0.9,0.3,1.3,0.5c0.1,1.2,0.3,2.1,0.6,2.3c1.8,1.1-4.3,15.4,0.6,14.6c3.9-0.7,5.2-9.7,10.3-10c1.1,0,4.7-0.2,6.6,1.1
c2,1.2,2.3,11.9,4,12c1.5,0.1,2.6-0.6,3.6-1.4c1.4-1,0.6,4.1,2.3,5.3c0.8,0.5,3.8-2.1,4.7-0.9s-0.2,3.5,0.7,4.2
c1.8,1.4,2.3-0.6,4-0.3c0.2,0.1,0.7-2.5,4.1-2.7c1.5-0.1,0.5-4.3,0.9-4.2C87.1,67.7,92,63.9,90.2,62.8z"/>
</g>
<g id="j">
<path style="fill:#7B7B7B" d="M64.2,32.1c3.5,2.3-3.5,7.4-2.6,10.9c-0.1,0.4-13.5,4.1-14.4,5
c-1.3,1.3,4.4,1.4-0.4,5.4c-0.6,0.5-0.8,3.6-0.8,4.4c-0.5,10.7-6.7,13.2-8.2,13.3c-2.7,0.1-1.4-2.1-0.8-2.6c0,0,1.8-0.8,0.1-2.2
c-0.6-0.5,1.8-2.1,1.1-2.8c-0.6-0.6,0.1-1.9-0.5-2.6c-0.7-0.9,0.4-1.3,0.4-3c0-0.9-1.1-1.1-1.1-2.1c0.1-1.1-1.2-0.8-1.1-1.9
c0-0.8-0.7-2-2.1-3.2c-0.7-0.7-1.5-1.1-2.2-1.7c0,0,0,0,0,0c0,0,0,0,0,0c-0.7-0.6-6.3-4.4-7.1-5.8c0,0,16,0.7,19.1-7.3
C45.5,30.7,64.2,32.1,64.2,32.1z"/>
<path style="fill:#515250" d="M75.8,57.8c-4.4-10.7-1-21.5-10.6-25.2c-7-2.7,0.7,8.7-9.4,7.2
c-3.9-0.6-14.2-10.5-17-9.5c-3.7,1.3,3.1,5.2-1.1,5.4c-0.5,0-0.9,1.3-1.1,2.9l-5.8-0.1c-4.5,4.9-17.7-3.4-27.2,2.4
c2.1,1,10-0.3,12.1,0.3c1.7,0.5-2.2,2.9-0.5,3.1c1.2,0.2,5.5-2.3,6.7-2.2c1.5,0.1-0.1,2.7,1.5,2.6c0.8,0,3.4-1.8,4.2-1.8
c0.6,0-0.6,1.6,0.2,1.6c1.4,0,2.9-1.6,4.4-1.6c0.2,0,2.2,1.8,2.5,1.8c0.8,0,0.1-1.8,0.5-1.7c0.5,0.1,0.9,0.3,1.3,0.5
c0.1,1.2,0.3,2.1,0.6,2.3c1.8,1.1,0.1,8.8,5.1,8c3.9-0.7,0.8-3.2,5.8-3.4c1.1,0,4.7-0.2,6.6,1.1c1.2,0.7,0.2,4.7,0.5,8.7
c0.2,2.8,1.8,6.2,2.5,6.3c1.5,0.1,2.6,1.4,3.6,0.6c1.4-1,0.6,2.1,2.3,3.3c0.8,0.5,3.8-2.1,4.7-0.9c0.9,1.3,0.8,0.5,1.7,1.2
c1.8,1.4,2.3-0.6,4-0.3c0.2,0.1-0.5-2,2.9-2.2c1.5-0.1,0.7-3.4,1.1-3.4C80.3,65,76.8,60.2,75.8,57.8z"/>
</g>
<g id="k">
<path style="fill:#515250" d="M82.3,56c2.4-0.2-0.9-8.3-2.3-10.5
c-6.2-9.7-7.4-17.6-17.6-17.6c-2,0-3,4.7-9.2,6.3c-3.8,0.9-15.8-7.8-18.4-6.3c-3.4,2-1.1,5-5,9.1c-0.8,0.8-3.8,2.2-3.8,2.2
c-5.3,4.1-9.6,7-18,14.4c2.3,0.6,3.9-1,6.1-0.8c1.8,0.2,1.3,3.2,3.1,3.2c1.2,0,4-2.2,5.2-2.4c1.5-0.2,0.4,2.7,1.9,2.3
c0.8-0.2,3.1-0.3,3.8-0.5c0.6-0.2-0.3,1.7,0.5,1.6c1.4-0.3,2.6-3.1,4-3.4c0.2,0,2.5,2.4,2.8,2.3c0.8-0.1,0.8-4.8,1.2-4.8l4.1,11.7
c4.3-1.5,3.7-13.2,8.8-14.3c1-0.2,4.8-2.8,7-1.9c1,0.4,4,1.6,5.2,4.5c0.3,0.7-0.7,2.7-0.5,3.5c0.3,1.2,2,1,2.6,2
c0.8,1.3,0.5,3.7,0.9,3.7c1.5-0.1,1.8,0.9,2.7,0c1.2-1.2,0,2,1.8,2.8c0.9,0.4,1.3-1.8,2.4-0.7c1.1,1.1,2.9,1.3,3.8,1.8
c2,1.1,1.1-2,2.9-2c0.3,0,0.2-1.9,3.5-2.7C83.2,59.2,81.8,56,82.3,56z"/>
<path style="fill:#7B7B7B" d="M68.8,40.8c0.6,0.8-9.1-10.4-14.1-8.6c-8.1,3-5.6,0.2-7.4,0.8
c-5.1,1.7-10,5.2-8.8,9.6c0.1,0.4,3.2,0,4,2.9c0.8,2.8,2,3.3,5,0.9c5.4-4.5,12.5-3.2,12.7-3.1C64.6,44.3,69.4,45,68.8,40.8z"/>
</g>
<g id="l">
<path style="fill:#7B7B7B" d="M80.4,30.2c-10.4,1.2-9.3,4.3-11.2,5.5L52.6,46.4
c-7.6-5.6-6.3,2-7.5,3.3c4.3,2.3,10.9,9.1,18.7,8.1c-1-2.3,0.9-2.4,4.8-6.8c0.7-0.8,5.7,0.7,6.5-0.1c0.9-0.9,3.6-0.2,4.5-1.2
c0.9-0.9,4,0.9,4.9,0c1-1,2.7-3.8,3.6-4.7c1.3-1.3,2.2,0.7,3.1-0.4c0.6-0.7,1.4-7.6,1.4-8.3C92.7,33.2,80.4,30.9,80.4,30.2z"/>
<path style="fill:#515250" d="M61.3,61.6c-3.9,4.4-9.6,1.9-11.2,10c-0.1,0.4-1.4-0.4-2.9-0.8
c-0.4-0.1,0.3,1.7-0.5,1.7c-0.3,0-2.3-1.8-2.5-1.8c-1.4,0-3,1.6-4.4,1.6c-0.7,0,0.4-1.7-0.2-1.6c-0.8,0.1-3.4,1.8-4.2,1.8
c-1.6,0,0.1-2.5-1.5-2.6c-1.2-0.1-5.5,2.4-6.7,2.2c-1.7-0.2,2.2-2.7,0.5-3.1c-2.1-0.6-10,0.7-12.1-0.3c9.6-5.8,22.7,0.6,30.5-10.6
c-3.8-1.6-4.9-4.9-7.6-7.6c-0.9-0.9-2.6,0.9-3.4-0.1c-1-1.2-0.2-1.9-1.1-3.1c-0.9-1.2-3.5,0.7-4.4-0.5c-1.4-1.9-4-0.1-4.6-1.5
c-1.1-2.7-3.3-1-4.1-1.9c-0.9-1-3.8-0.5-4.8-1.4c-0.8-0.7-2.9,0.5-3.8-0.2c-1.1-0.7-3.9,0.4-4.5-0.8c-1.3-2.6,0.9-6.6,3.1-9.2
c3.2-3.8,13.6-7,17-4.2c7.7,6.1,23.3,9.6,26.5,17.3c-0.3,5.7,9.1,8.5,12,12.5C67.9,58.7,63.8,60.8,61.3,61.6z"/>
</g>
</svg>
</div>
var tl = new TimelineMax({
repeat: -1
});
var flightpath = {
entry : {
curviness: 1.25,
autoRotate: true,
values: [
{x: 100, y: 20},
{x: 300, y: 10}
]
},
looping : {
curviness: 1.25,
autoRotate: true,
values: [
{x: 510, y: 60},
{x: 620, y: -60},
{x: 500, y: -100},
{x: 380, y: 20},
{x: 500, y: 60},
{x: 580, y: 20},
{x: 620, y: 15}
]
}
};
var flyObj = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k']
for (var i = 0; i < flyObj.length; i++) {
var obj = '#' + flyObj[i];
var nextObj = '#' + flyObj[i + 1];
tl.to(obj, 0.1, {visibility: 'visible'})
.to(nextObj, 0.1, {visibility: 'visible'})
.to(obj, 0.1, {visibility: 'hidden'})
}
var tween = new TimelineMax('0.1')
.add(TweenMax.to('#bird-container', 1.1, {css:{bezier:flightpath.entry}, ease:Power1.easeInOut}))
/*.add(TweenMax.to('#bird-container', 2, {css:{bezier:flightpath.looping}, ease:Power1.easeInOut}))
/*.add(TweenMax.to('#bird-container', 1, {css:{bezier:flightpath.leave}, ease:Power1.easeInOut}));*/
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.15.0/TweenMax.min.js"></script>
svg {width: 200px; overflow: visible;}
svg g { visibility: hidden;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment