Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Videos (24m)
    • Introduction

      0:46
    • What is SVG

      6:00
    • Exracting SVG Codes

      5:28
    • Using SVG with HTML and CSS

      11:44

About This Class

Most of the newbie UI/UX Designers are confused about SVG, they think SVG not as a format but as a hard coding language and that idea is completely wrong. SVG is a vector graphic format based on XML. SVG is very famous and widely used by Front/End Web Developer mostly in creating icons and web animation. There are several benefits of using SVG in a Web application that we will talk about them in this class. We are going to create a simple animation using CSS and SVG to show how we can integrate SVG with CSS code sheets. If you are ready lets get started :)

14 of 14 students recommendSee All

not the smoothest presentation, but great basic intro
Brian Fewell

I have no idea what I'm doing

This is very helpful for the basic understanding of SVG. The explanation is brief and easy to comprehend. Thank you very much!
Great short introduction!

135

Students

--

Projects

HU Shahir

Motion Graphic /Visual FX Artist (Polygon Motion)

Hi, I am HU Shahir, Motion Graphic Artist and UI/UX Designer based in Germany.

I love to share what I already know and what I learned from other people in the creative industry.

I have 6 years of professional experience working with major TV Channels and Media productions companies in Kabul and Germany.As I always loved to share what I know and help people to achieve their goals I have started building my teaching startup Polygon Motion.

Polygon Motion is a provider of o...

See full profile