SVG Animation Courses and Certifications

Advanced SVG Animation

21 ratings at Pluralsight

This course will teach you how to make resolution-independent, scalable, and complex animations for a myriad of use cases across the web with SVG.

• Pluralsight
• 2 hours 56 minutes
• On-Demand
• Free Trial Available

Create Mind-Blowing, Animated SVG Background With CSS

Create mind-blowing animated SVG backgrounds with CSS. Learn to design, animate, and style SVG graphics using gradients, opacity, and custom animations for stunning web visuals.

• YouTube
• 36 minutes
• On-Demand
• Free Video

DesignCourse

Complex SVG Animations Made Simple with JavaScript

Learn to create complex SVG animations using JavaScript, from project overview to final implementation. Covers SVG logo design, HTML/CSS setup, and JavaScript animation techniques.

• YouTube
• 22 minutes
• On-Demand
• Free Video

DesignCourse

The Coolest Animated SVG Filter Effect

Learn to create an animated SVG filter turbulence effect using HTML, CSS, and JavaScript. Master advanced frontend techniques for eye-catching web designs.

• YouTube
• 24 minutes
• On-Demand
• Free Video

DesignCourse

Awesome Scrolling SVG Line Drawing - How They Did It

Create an SVG line animation controlled by scrolling, from design in Figma to implementation with HTML, CSS, and JavaScript, including parallax effects.

• YouTube
• 22 minutes
• On-Demand
• Free Video

DesignCourse

Animate Complex SVGs with SVGator - Tutorial

Learn to create complex SVG animations efficiently using SVGator's intuitive UI. Master techniques like morphing, path following, and color transitions to elevate your design skills.

• YouTube
• 33 minutes
• On-Demand
• Free Video

Envato Tuts+

How to Create a Loader Icon With SVG Animations

Create a simple loader icon using SVG animations, exploring syntax, SMIL, and complex examples while comparing pros and cons of this technique.

• YouTube
• 22 minutes
• On-Demand
• Free Video

Learn SVG Animation - With HTML, CSS & Javascript

2099 ratings at Udemy

Learn how these powerful animation are created using HTML,CSS & Javascript

• Udemy
• 1 hour 23 minutes
• On-Demand
• Paid Course

SVG & CSS Animation - Using HTML & CSS

1086 ratings at Udemy

Learn the fundamentals of creating SVG animations in the browser using HTML & CSS.

• Udemy
• 1 hour 24 minutes
• On-Demand
• Paid Course

Create Awesome Fantasy Website Using Wordpress Elementor

103 ratings at Udemy

Learn Creating Awesome Fantasy Website with Animated SVG, Animated Blobs & many more premium features for FREE

• Udemy
• 7 hours 36 minutes
• On-Demand
• Paid Course

Learn React Native Gestures and Animations - Tutorial

1 review

In this React Native course, you will learn how to add declarative gestures and animations to your React Native projects.

• freeCodeCamp
• 1-2 hours
• On-Demand
• Free Video

CSS: Animation

Learn how to create simple CSS animations such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more.

• LinkedIn Learning
• 1-2 hours
• On-Demand
• Free Trial Available

Creative Coding: Animating SVG with Simple CSS Code

Learn to animate SVG graphics using simple CSS code. Explore creative coding techniques, step-by-step instructions, and practical exercises suitable for all skill levels. Bring your designs to life in web browsers.

• Skillshare
• 28 minutes
• On-Demand
• Free Trial Available

CSS: Animation

221 ratings at LinkedIn Learning

Learn how to create simple CSS animations such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more.

• LinkedIn Learning
• 1 hour 51 minutes
• On-Demand
• Free Trial Available

CSS: Animation

135 ratings at LinkedIn Learning

Learn how to create simple CSS animations such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more.

• LinkedIn Learning
• 1-2 hours
• On-Demand
• Free Trial Available