SVG Animation Courses and Certifications

Learn SVG Animation - With HTML, CSS & Javascript

2188 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

1088 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

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

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

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

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

Learn With Jason

Interactive SVG Animations Using Greensock - Learn With Jason

Learn to create engaging interactive SVG animations using Greensock with expert Cassie Evans. Discover techniques for adding whimsical, polished touches to websites through hands-on demonstrations and practical tips.

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

Learn Web Animation the Easy Way: An Intro to SVG and GSAP

622 ratings at Udemy

Create an animated eCard with just JavaScript and SVG in record time

• Udemy
• 3 hours 11 minutes
• On-Demand
• Paid Course

Interactive Web Animation [ JavaScript SVG CSS & Canvas ]

237 ratings at Udemy

Learn Web Animation Tools [ SVG Animation CSS Animation JavaScript Animation Canvas Animations ] Theory and Practice

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

SVG Essentials & Animation, v2

Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!

• Frontend Masters
• 4-5 hours
• On-Demand
• Paid Course

Animate Anything with GSAP - Complete GSAP Course

1 review

Learn to create dynamic animations using GSAP, from basic techniques to advanced projects. Master ScrollTrigger, SVG animations, cursor effects, timelines, and integration with ReactJS.

• YouTube
• 14 hours 42 minutes
• On-Demand
• Free Video

Create Awesome Fantasy Website Using Wordpress Elementor

104 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

GSAP Web Development and Animation Mastery

43 ratings at Udemy

Creating Dynamic Websites with HTML, CSS, JavaScript, and GSAP

• Udemy
• 3 hours 53 minutes
• On-Demand
• Paid Course