4.3  1613 reviews on Udemy

Learn SVG Animation - With HTML, CSS & Javascript

Learn how these powerful animation are created using HTML,CSS & Javascript
Course from Udemy
 17346 students enrolled
 en
Optimise SVG files for use online
Prototype animations in the online tool Codepen
Use Javascript to calculate the length of an SVG Path
Create SVG's that make use of Masks & Gradients

Looking to enhance your next web development project? Or learn one of the most sort after animation skills?

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

All SVG files are provided but we do also work through creating the SVG files in Adobe Illustrator(or Similar). Lessons are taught with video screencasts, explained in detail as we work through real projects created directly for this course.

Projects Include

- Animating Logos

- Animating Social Icons

- Hand Drawing Text 

- CSS animation properties explained 

- Using Gradients over Text and Icons (Cross Browser)

- Using Masks 

- Using CodePen

- Introduction to SVG Optimisation Online

For a complete beginner to SVG we recommend taking our other course in the series. 


Learn SVG Animation - With HTML, CSS & Javascript
$ 64.99
per course
Also check at

FAQs About "Learn SVG Animation - With HTML, CSS & Javascript"

About

Elektev is on a mission to organize educational content on the Internet and make it easily accessible. Elektev provides users with online course details, reviews and prices on courses aggregated from multiple online education providers.
DISCLOSURE: This page may contain affiliate links, meaning when you click the links and make a purchase, we receive a commission.

SOCIAL NETWORK