Master SVG Animation Using HTML & CSS: Build 8 Projects

1 Review
5 Hours
You save 75%

55 Lessons (5h)

  • Introduction to the Course , Instructor and Understanding Syntax.
  • BASIC SHAPE - Designing of RECTANGLE.
  • BASIC SHAPE - Designing of CIRCLE.
  • BASIC SHAPE - Designing of ELLIPSE.
  • BASIC SHAPE - Designing of LINE.
  • BASIC SHAPE - Designing of POLYGON.
  • BASIC SHAPE - Designing of POLYLINE.
  • Understanding the concept of PATH in SVG.
  • Adding TEXT to your SVG.
  • Useful ELEMENTS in SVG.
  • Some ADVANCE concept used in SVG.
  • Adding JAVASCRIPT to SVG.
  • Applying different EFFECTS / FILTERS to SVG.
  • Applying GRADIENTS in SVG.
  • Performing Animation in SVG.

Design High Resolution Images, Logos, & Screensavers Using SVG Animation

Kunal Asudani


Kunal Asudani is a website developer with 8 years of experience in web development and as an instructor. He has an expertise in programming languages such as HTML, JSON, JavaScript, jQuery, CSS, Twitter Bootstrap, AngularJS, Foundation, C, C++, PHP, and DSA.


SVG stands for Scalable Vector Graphics. SVG programming allows you to code two-dimensional graphics that scale and can be manipulated via CSS, HTML, or JavaScript. This beginner-friendly SVG programming course is great for anyone who wants to design logos and images for websites and enhance their web design capabilities.

  • Access 55 lectures & 5 hours of content 24/7
  • Get an introduction to SVG & understand the syntax
  • Deisng basic shapes
  • Add text to your SVG
  • Explore important elements in SVG
  • Use JavaScript in SVG
  • Apply filters to images & explore the concept of gradients in SVG
  • Understand animation & design logos and complex animation


Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels


  • Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.
Your cart is empty. Continue Shopping!
Processing order...