UDEMY
UDEMY Logo

SVG & CSS Animation - Using HTML & CSS 

  • Offered byUDEMY

SVG & CSS Animation - Using HTML & CSS
 at 
UDEMY 
Overview

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

Total fee

519

Mode of learning

Online

Official Website

Go to Website External Link Icon

Credential

Certificate

SVG & CSS Animation - Using HTML & CSS
Table of content
Accordion Icon V3
  • Overview
  • Highlights
  • Course Details
  • Curriculum

SVG & CSS Animation - Using HTML & CSS
 at 
UDEMY 
Highlights

  • Earn a certificate after completion of the course
  • 30-day money-back guarantee
  • Access on mobile and TV
  • Full lifetime access
  • 6 downloadable resources
Read more
Details Icon

SVG & CSS Animation - Using HTML & CSS
 at 
UDEMY 
Course details

Who should do this course?

Students should have some experience with creating websites with HTML & CSS

No experience using SVG images is requied, we explain how to create and use SVG images in code for those with no prior knowledge

This course is not suited for a student who is a complete beginner and never seen HTML code before

What are the course deliverables?
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
Read more
More about this course

In this course we will cover the fundamental techniques using in CSS to create animated SVG elements

SVG images look perfect on any screen size and with the importance of mobile web have become increasingly popular

SVG allows you to create animations and take flat illustrations to a whole new level

This course is perfect for both new and experienced web developers who are yet to use SVG within their projects

 

SVG & CSS Animation - Using HTML & CSS
 at 
UDEMY 
Curriculum

Start Here

Course Introduction

Course tools 

Introduction to Sublime Text
Introduction to Adobe Illustrator

 

Create Your First SVG Animation

First Project Preview and Introduction
Create an SVG in Illustrator
Importing an SVG to Codepen.io

 

Create Your Second SVG Animation

Second SVG Project Intro
Import and Style SVG

 

Create Your Third SVG Animation

Introduction to Minimal SVG Project
Create Animation Part 1

 

More Animation techniques

Transform Rotate Introduction
Making use of Dashed Stroke

 

Adding your SVG Animation to a HTML Page

Adding an SVG Animation to Example HTML page

Other courses offered by UDEMY

549
50 hours
– / –
3 K
10 hours
– / –
399
19 hours
– / –
549
4 hours
– / –
View Other 2375 CoursesRight Arrow Icon
qna

SVG & CSS Animation - Using HTML & CSS
 at 
UDEMY 

Student Forum

chatAnything you would want to ask experts?
Write here...