4.9  4 reviews on Udemy

Creative SVG Animation From Scratch [2021]

Learn SVG by Using Advanced CSS Animations. Draw Vectors and Create SVG Web Animations.
Course from Udemy
 1185 students enrolled
Creating SVG animations using HTML and CSS
Drawing creative SVGs using Figma
CSS animations, transforms, transitions and keyframes
Creating 10 real-world projects
Using basic JavaScript for SVG animation

If you are a developer or a designer and want to improve your visual skills, this course is the perfect match for you. Nowadays, it's not possible to impress someone by creating boring regular web pages and applications. It's not the 2010s anymore and users really care about visualization. And using SVGs is the best and the easiest way to create your own drawings and animate them on your web applications.

In this course, we are gonna be creating awesome real-world projects that will be an inspiration for your imagination. We are gonna begin with the basics of the SVG and learn how to create shapes using an HTML file and how to use SVG properties. And then you are gonna see how easy to create incredible vectors by using a free design tool which is called Figma. After that, we will dive into CSS animations and learn how to animate elements, how to use transform, transitions, and keyframes. And finally, we are gonna create our own projects and learn about advanced techniques of SVG animations.

If you are a beginner at animations, don't worry, everything in this course is from scratch. You don't have to know advanced CSS or JavaScript. The only prerequisite is understanding how HTML and CSS codes work. We are going to be covering all those awesome CSS animation properties and JavaScript DOM manipulation basics.

And after this course, you will be able to draw and animate your own icons, shapes, and vectors. And you will be more confident in front-end development.

Creative SVG Animation From Scratch [2021]
$ 89.99
per course
Also check at

FAQs About "Creative SVG Animation From Scratch [2021]"


Elektev is on a mission to organize educational content on the Internet and make it easily accessible. Elektev provides users with online course details, reviews and prices on courses aggregated from multiple online education providers.
DISCLOSURE: This page may contain affiliate links, meaning when you click the links and make a purchase, we receive a commission.