SVG Vectorial Graphics: Illustrate and Animate with Code

Overview

“A very interesting application of SVG is to improve or extend the possibilities of existing HTML elements. In this case, we will see an example of animation applied to an element as usual as a checkbox.”

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

“An interesting application of SVG is enhance or expand existing HTML elements. In this lesson. we will try to introduce a bit of animation into a form element as simple as a checkbox. In this experiment. there are a series of animations on CheckBox and RadioButtons in which it is demonstrated in multiple ways how it can be completed Select a checkbox or choose a radio button using stroke animation in SVG for this purpose. Observe carefully. and you'll see that all these elements adhere to an identical pattern; it's a stroke. which has been animated in the way we have seen before. To mimic t...”

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