Jump to content


html email animation with greensock

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

I have a task to create christmas styled animated email. Is it possible to use greensock for this?

Link to comment
Share on other sites

Hi one2gov  :)


I'm no email expert, but I don't think that would work. I know advances are being made in what we can put into an email, but I also think essentially pushing web pages through inboxes is going to create potential security problems. 


That being said, I was recently reading an article on A List Apart about this very topic. You may find it helpful.




Happy tweening.


  • Like 4
Link to comment
Share on other sites

To follow up on what PointC has already said.


The sad truth is no. It is not possible. All email clients will strip most of your code away to different degrees and that's talking about CSS. JavaScript is still a big NO-NO in email land. Some email clients won't even show an animated GIF.


If you must have animation, the only way to have a guaranteed delivery is to have it hosted somewhere else outside the email then, send the link to it. Which, in a way is not great because it really just looks like a phishing scam.

  • Like 2
Link to comment
Share on other sites

The best compromise is a gif of your GSAP SVG animation.

Chris Gannon created SVG2GIF for this very purpose.


Checkout some results:


FWIW Twitter takes gifs you upload and converts them to mp4 but the above started out as gifs.


You just tell SVG2GIF what timeline it should monitor and it records it perfectly and spits out a gif

var mainTl = new TimelineMax({repeat:0, SVG2GIF:true});

Learn more and checkout the demo here: 




  • Like 4
Link to comment
Share on other sites

Great stuff Carl. I saw Chris mention this a few days ago and then totally forgot to take a look at it.


Thanks for the links. That looks quite handy. :)

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.