SVG Vectorial Graphics: Illustrate and Animate with Code

Types of animation in SVG

A course by Javier Usobiaga Ferrer , Web designer

98% positive reviews (271)

9,106 students

Audio: Spanish

· ·

About the video: Types of animation in SVG

Overview

“SVG has its own animation language called SMIL, but it is no longer used in favor of animation with CSS and with JavaScript. Let's see why and what are the main differences between these methods.”

In this video lesson Javier Usobiaga Ferrer addresses the topic: Types of animation in SVG, which is part of the Domestika online course: SVG Vectorial Graphics: Illustrate and Animate with Code. Learn to create vector illustrations for your website, from basic lines to interactive animations.

Partial transcription of the video

“[Music] Hello again we finally started with the animation. SVG has a native way to animate that is called smile, but is starting to stop using in please CCS and Java script, let's see the differences between the different techniques and how work. The CCS animation is the most simple to use and it is in the that we will be working the rest of the lesson. Basically is defined through a keyframes, of which some properties will become other throughout an animation. This animation can be applied later on a specific element through the Animation property. In this example we can see the label circ...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: SVG Vectorial Graphics: Illustrate and Animate with Code

Level: Beginner
98% positive reviews (271)
9106 students
7 units
32 lessons (2h 2m)
6 downloads

Category
Web & App Design
Software
Adobe Illustrator, Sketch
Areas
Animation, Interactive Design, Web Design, Web Development

Javier Usobiaga Ferrer

A course by Javier Usobiaga Ferrer

Teacher Plus

Web designer

Javier Usobiaga is a Web Designer for 10 years and co-founder with Marta Armada Swwweet studio, specialized in designing responsive webs from the initial conception to the front-end development.

He also enjoys a lot in his facet as professor of Web Design in renowned workshops and schools like Elisava, IDEP.

Usobiaga understands the web as a whole, not only how beautiful it can be on the computer screen, but its usability in different devices and circumstances.

In his words "I think that as important as the aesthetic is how fast it charges or how well it responds, and I think that in our industry we often forget about that."