Zaloguj | Zarejestruj | FAQ
Anonymous

Animate a SVG

+ Odpowiedz

Posty: 3 Strona 1 z 1


Animate a SVG

przez thisisvikram17 » Cz maja 14, 2015 11:56 am

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/0B3eUUs ... sp=sharing

SWF:
https://drive.google.com/file/d/0B3eUUs ... sp=sharing


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

Thanks & Regards.
Avatar użytkownika

thisisvikram17

  • Posty: 1
  • Dołączył(a): Cz maja 14, 2015 11:52 am

Re: Animate a SVG

przez XainPro » Cz maja 28, 2015 10:54 pm

interested to see this in action as well if someone know here how to do this.

for css3 animation learning you can check this site and do this by your own.

https://css-tricks.com/animating-svg-css/
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Animate a SVG

przez johnmacd » Cz kwi 14, 2016 1:10 pm

Please refer this website, I hopes it help…

https://jonsuh.com/blog/animate-svg-with-css/
Avatar użytkownika

johnmacd

  • Posty: 23
  • Dołączył(a): Cz cze 13, 2013 12:50 pm
--
Website Designer with 7 years experience as WordPress Developer. Affordable, Professional and Experienced. 100% Satisfaction. 24/7 Available.


+ Odpowiedz

Strona 1 z 1