SVG & CSS Animation - Using HTML & CSS

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

4.32 (1088 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Create SVG animations using HTML & CSS

Prototype animations in the online tool Codepen

Explain the CSS properties needed for SVG line animations in the browser

Course Gallery

SVG & CSS Animation - Using HTML & CSS – Screenshot 1 — Screenshot 1 – SVG & CSS Animation - Using HTML & CSS

SVG & CSS Animation - Using HTML & CSS – Screenshot 2 — Screenshot 2 – SVG & CSS Animation - Using HTML & CSS

SVG & CSS Animation - Using HTML & CSS – Screenshot 3 — Screenshot 3 – SVG & CSS Animation - Using HTML & CSS

SVG & CSS Animation - Using HTML & CSS – Screenshot 4 — Screenshot 4 – SVG & CSS Animation - Using HTML & CSS

Loading charts...

Comidoc Review

Our Verdict

SVG & CSS Animation - Using HTML & CSS provides a solid foundation for learners looking to dive into the world of SVG animations, though it may leave some wanting more in-depth coverage or advanced techniques. With clear instruction and practical examples, this course is a great starting point, but potential students should be aware that they might need to seek out additional resources to fully round out their learning. Overall, this course is worth investigating for those interested in expanding their web design skills with SVG animations.

What We Liked

Covers the fundamentals of SVG animations using HTML and CSS thoroughly
Clear and straightforward instruction style aids learning
Use of Codepen for prototyping animations is a nice touch
Includes real-world applicable techniques for working with SVG files

Potential Drawbacks

Lacks advanced examples and topics in SVG animation
Some students find the course too short or lacking depth
Instructions could be clearer at times, leading to confusion for some
Downloadable files may have compatibility issues with newer software versions