02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoNext Video

Animating SVG attributes

When animating with the GSAP, by default it figures out on its own what it's supposed to animate: The CSS, the properties of an object, and so forth. In this lesson, we're going to see how can we animate attributes of any object. In a real world scenario not all properties will work - a we'll solve that problem in the next lecture.

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

Plugin pact slideshow

In this lesson we're going to dive into the world of plugins

00:50

Introducing SVG

SVG is an XML-based language. With SVG you can add to graphics on tutor stage.

07:28

Animating SVG attributes

In general by default when animating with GSAP it figures on its own what it supposed to animate

10:28

Using AttrPlugin when it doesn't work

Most attributes by default will work great on their own but sometimes they won't and that's exactly when you want to add the AttrPlugin.

06:33

Building a plugin engine

A plugin architecture enables you to on-the-fly ad features or make changes to the way your object behaves.

17:06

Exploring the DirectionalRotationPlugin

The DirectionalRotationPlugin enables us to animate rotations at ease with a lot of baked in goodies.

14:35

Introducing the RoundPropsPlugin

In this lecture we take a peek at the RoundPropsPlugin

03:03

Playing with the ScrollToPlugin

There Are actually a lot of sites online that use scrolling fx. In this lesson we meet the ScrollToPlugin

06:17