SVG Vectorial Graphics: Illustrate and Animate with Code

Overview

“Animating SVG files with CSS is trivial if you already know the principles of CSS animation, but if not, I want to take this lesson to remind you, and hopefully discover some property that is less known.”

In this video lesson Javier Usobiaga Ferrer addresses the topic: Animation with CSS, 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

“Well. many of you probably know the basics of animation in CSS. In this lesson. we will review various technical aspects. but we'll also discover some properties that may not be as well-known and will be useful to us. To create a CSS animation. start by defining it with @keyframes and assigning an animation name. This name will be used later to apply the animation. Everything placed between the braces will be part of this animation. Here. we observe a basic animation transitioning from one property and value to another. demonstrating Another property and another value. We can define more br...”

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 (272)
• 9191 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