Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Mastering SVG Animation With HTML, CSS , JS &(15 Project)
Rating: 4.5 out of 5(100 ratings)
3,576 students

Mastering SVG Animation With HTML, CSS , JS &(15 Project)

Learn how these powerful animation are created using SVG
Created byJayanta Sarkar
Last updated 1/2026
English

What you'll learn

  • Complete svg from beginner to advanced,
  • Advanced svg animation and UI design,
  • svg animated logo and icon
  • complex animations with SVG and javascript
  • Svg Filters
  • 12 Projects

Course content

36 sections • 54 lectures • 6h 45m total length

  • SVG Introduction4:12

    In this tutorial, you will learn what is SVG . You can learn how to use SVG in HTML CSS. This is the first lesson of the Course. You will also learn what is difference between SVG and png, SVG and jpg.

  • Which of the following is true about SVG?

Requirements

  • Any text editor (Visual Studio code editor recommended)
  • If you have a knowledge of any vector graphics software like Illustrator, Then you would have benefited a lot but it is not required.
  • You should have little experience with HTML and CSS

Description


In this course we are going to learn SVG from the very beginning, if are you, web designer, for a front-end developer and if you want to enhance your skill, This will be the best course in this regard.


Within few hours you will have created multiple SVG projects looking at a number of different animation techniques. Using animation within the user interface of a website is now standard practice. This fast and effective course will introduce us to new ways to improve your client projects.

we are going to start this course from very basic and then we are going to jump into the advanced section.

one by one I am going to cover a very advanced SVG animation project.

So you don't have any knowledge about SVG you are also welcome


Who this course is for:

  • for web designers and front-end developers.

  • Should have used HTML/CSS before.

  • Students who want to improve their SVG animations and try new techniques but don't know-how.

Requirements

  1. any text editor (Visual Studio code editor recommended).

  2. if you have knowledge of any vector graphics software like Illustrator, Then you would have benefited a lot but it is not required.

  3. you should have little experience with HTML and CSS.

What you'll learn

  1. complete SVG from beginner to advanced,

  2. advanced SVG animation and UI design,

  3. SVG animated logo and icon

Who this course is for:

  • For web designers and front end developer
  • Should have used html/css before
  • Students who want to improve their svg animations and try new techniques but don't know how

Report abuse