Greensock syntax

In notebook:
FrontEndMasters SVG Animation
Created at:
2016-11-19
Updated:
2016-11-19
Tags:
animation libraries JavaScript
Greensock overview

Codepen
  TweenLite.to("div", 2, { 
    scaleY:0.75, scaleX:1.25, y:100, opacity:0.75, ease:Elastic.easeOut 
});
here we have ​to​ 
you can also do ​fromTo​. 

- How do you name objects in your SVG after exporting from Illustrator?

You can name it in Illustrator and it will be named as such in the export. Except if you have several items with the same name, then Illustrator will add IDs after the names. 

Marc: You can also inspect SVG with Chrome devtools and find out what is what. 

In CSS you don't have bounce and elastic effects...

Greensock has a great easing visualiser. It's really amazing.