CSS Animations, Part 1 – Email on Acid

I believe there is a time and place to use CSS animations and animated GIFs, but it may seem confusing at first. Let’s weigh up the pros and cons of using each type of animation.

Animated GIFs

+ Easy to create if you have the know-how

+ Show off products in restricted space

+ Good support across major email clients

– Outlook 2007/2010/2013/2016 will only show the first frame of the animation

– File size can be slow to load and eat into a subscriber’s data plan if viewed on a mobile

CSS Animations

+ Lightweight and fast to load

+ Animations are much smoother compared to other methods of animating 

+ Looks very good on high quality mobile screens

– Knowledge required on how to create and troubleshoot

– Limited client support

Source: www.emailonacid.com

And that’s the big problem with animated GIFs: not useful when hitting Outlook clients.

 

marketingIO: One Source for All Marketing Technology Challenges. See our solutions.  

Advertisements
This entry was posted in Scoop.it and tagged , . Bookmark the permalink.