Enliven'em Animation Editor

Please paste here the source code of your SVG file which you want to animate and click "Proceed".

Type:

>

To:

To:

Delay:

Duration:

Opacity(%):

Rotate:

Ease:

Transform:

Path:

Morph command:

Color:

Width:

stdDeviation:

Random inside groups (<g>)

Please copy-paste the above code to a new SVG file or to your HTML markup and add class enlivenem to your img or svg tags.

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="360px" height="240px" viewBox="0 0 360 240" data-global-elvn="enableViewport, enableClick, oneHalf, startInvisible, notResponsive, 0, notLoop, 500">
  <path fill="#002026" d="M103.59,130.32L83.75,95.97L56,144.03h7.87l7.35-12.74l16.03,27.77H30c14.96-26.03,30.04-52.1,45.07-78.13h17.36l19.84,34.36L103.59,130.32z" data-elvn="fadeShortTL, in, 100, 600, linear" class="elvn-layer"/>
  <path fill="#1D5F55" d="M116.07,108.7l-16.03-27.77h57.25c-14.95,26.01-30.01,52.09-45.05,78.13H94.89l-19.84-34.36l8.68-15.03l19.84,34.36l27.75-48.07h-7.89L116.07,108.7z" data-elvn="fadeShortBR, in, 100, 600, linear" class="elvn-layer"/>
  <g>
    <path fill="#002026" d="M156.36,133.56c3.77,9.29,15.47,10.83,22,6.11v-5.02c-7.98,6.88-18.44,3.02-18.44-6.72c0-10.17,11.07-13.42,18.48-7.1l0.24-4.48C166.2,107.8,150.79,119.74,156.36,133.56z" data-elvn="flipY, in, 800, 600, linear" class="elvn-layer"></path>
    <path fill="#002026" d="M189.39,114.64c-14.47,5.8-10.59,27.58,5.62,27.58c3.93,0,7.53-1.51,10.31-4.19C216.65,127.01,204.12,108.73,189.39,114.64z M202.04,135.12c-1.87,1.91-4.31,2.99-7.04,2.99c-10.89-0.01-13.86-15.46-3.82-19.68C201.14,114.23,209.82,127.18,202.04,135.12z" data-elvn="flipY, in, 1000, 600, linear" class="elvn-layer"></path>
    <path fill="#002026" d="M225.75,133.98c-1.6-4.1-0.38-1.33-9.55-20.95l-6.46,28.46h4.09c3.23-14.84,3.38-15.1,3.43-17.21c0.67,2.34,0.95,2.65,8.49,18.32c7.64-15.57,7.92-15.76,8.39-18.32c0.79,5.4-0.59-1.13,3.53,17.21h4.12l-6.6-28.46C226.14,132.81,226.24,132.52,225.75,133.98z" data-elvn="flipY, in, 1200, 600, linear" class="elvn-layer"></path>
    <path fill="#002026" d="M257.29,127.26c2.14-2.16,2.63-6.17,1.31-9.11c-2.12-4.7-6.45-3.96-15.58-3.96v27.3h4.16v-12.25C252.11,129.24,255.13,129.44,257.29,127.26z M247.46,125.61V118c4.38,0,7.3,0.12,7.3,3.97C254.76,125.48,252.24,125.61,247.46,125.61z" data-elvn="flipY, in, 1400, 600, linear" class="elvn-layer"></path>
    <path fill="#002026" d="M268.47,113.11c-12.16,26.11-10.33,22.19-13.22,28.39c4.48,0,0.58,0,4.67,0l3.17-7.03c3.96,0,6.93,0,10.81,0l3.1,7.03h4.68C281.59,141.31,268.56,113.29,268.47,113.11z M272.33,130.77c-7.57,0-0.04,0-7.61,0c2.77-6.16,3.11-6.67,3.79-9.33C269.16,123.94,269.83,125.21,272.33,130.77z" data-elvn="flipY, in, 1600, 600, linear" class="elvn-layer"></path>
    <path fill="#002026" d="M302.26,133.13c-2.2-2.78-2.26-2.64-20.31-20.02v28.39h4.09v-18.99c1.61,2.3,1.75,2.21,20.33,20.05v-28.37h-4.11V133.13z" data-elvn="flipY, in, 1800, 600, linear" class="elvn-layer"></path>
    <path fill="#002026" d="M325.56,114.19c-6.36,9.92-6.37,9.75-7.03,11.45c-0.89-1.89-1-1.95-6.86-11.45H307L316.2,129v12.5h4.4V129l9.4-14.81H325.56z" data-elvn="flipY, in, 2000, 600, linear" class="elvn-layer"></path>
  </g>
</svg>