Animate a SVG

• 

  thisisvikram17 · Member · May 14, 2015 at 12:06 pm

  • Copy link
  • Add topic to favorites

  Hello All,

  I have a svg file with multiple layers. Need to animate this so that all layers play one after another sequentially.

  While researching on how to get this done I got to know that this can be done using CSS with an option called @keyframes.

  Problem is, I have no idea of how to code. Can you guys guide me on how to get about this..

  For reference, using the links below, you can download the svg file and also the swf file as an example animation.

  SVG:
  https://drive.google.com/file/d/0B3eUUsjZSAUTc292dURiUXhuSXM/view?usp=sharing

  SWF:
  https://drive.google.com/file/d/0B3eUUsjZSAUTcTFLbkEzbEVwU3M/view?usp=sharing

  The final output file needs to be an animated svg with the exact dimensions as provided.

  Thanks & Regards.

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · May 14, 2015 at 5:00 pm

  • Copy link

  Note that SVG graphics are not allowed on WordPress.com for security reasons https://en.forums.wordpress.com/topic/changing-backgrounds-in-able-theme?replies=10#post-1210515

• 

  timethief · Member · May 14, 2015 at 5:02 pm

  • Copy link

  See here please:
  https://en.support.wordpress.com/code/
  https://en.support.wordpress.com/code/#flash-and-other-embeds

  Accepted File Types

• 

  thisisvikram17 · Member · May 15, 2015 at 4:35 am

  • Copy link

  Thank you & sorry for any rules I might have broken.