- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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.
We’re not a coding service and we’re not fond of downloading files from unknown sources.
There are a couple of articles on CSS-Tricks you could read
https://css-tricks.com/search-results/?q=animate+SVG
Here’s a similar question I just answered on Stack Overflow…
DO NOT pose the same question over there until you have made your own attempt….they don’t like it.
Thank you Paulie.