Using the Export button you can export it in CSS that will download the svg file.
This will result in the following animated image: Once done you can run the animation by using the play button at the top bar next to you profile icon. Edit “Rotate” under Transform section on the right-hand panel as shown in the following image: mark right click and duplicate the keyframe. Now a keyframe will be added to the timeline. In this case when you select path you get lot of animation properties. Clicking that will show you all the animations available for the type of part you have selected. Below that is a timeline control and there you will find “Add animation” button. Now, select the part of the image that you want to animate. It will then ask you to upload your SVG file. Once you have the image, head over to SVGator and click on New Project. As I cannot upload svg image here but if you want to get the similar image you can follow this link. I am using the the below image for animating in this example.
But I will show you a quick demo as well. Read this blog on more details on how to use SVGator. Sign up for this website and it will guide you through the tour of the website. For that I stumbled upon a nice svg animator website called. Once you have found the right svg image download it locally. I normally go to or search for the icon that would fit my use case and look for svg images only. First download any svg image you would want to use.
0 kommentar(er)
