{"id":83687,"date":"2017-12-25T04:34:39","date_gmt":"2017-12-25T09:34:39","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=83687"},"modified":"2017-12-28T10:05:55","modified_gmt":"2017-12-28T15:05:55","slug":"how-to-create-svg-animation","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-create-svg-animation.html","title":{"rendered":"How to create SVG animation"},"content":{"rendered":"
\r\n

Have you heard about SVG images? SVG is Scalable Vector Graphics, which defines the graphics in XML format. The SVG image does not lose its quality if it is zoomed or resized. Unlike the other formats, SVG image could be easily animated with the help of CSS. To do that, follow a few simple steps:<\/p>\r\n

    \r\n

  1. Choose an image you wish to animate. Don’t pay attention to the image format. We will convert it to SVG further.<\/p><\/li>\r\n

  2. \r\n

    The image is selected! We can do the next step now, and convert it to SVG format. You can find a great variety of online SVG image converters on the Internet.We are going to use AConvert.com converter<\/a>.<\/p>\r\n