In this article, we will go over how to build navigation controls such as navigation arrows and thumbnails in an image carousel.
In this article, we will go over how to build a CSS driven animated image carousel for email that incorporates a sliding transition.
For EOA’s holiday email, I thought it would be fun to create a 3D card
opening effect. Because of the techniques involved in CSS animation, I
knew this would only work in a few clients. I coded the email to work
only in iOS devices.
Read on to see how easy this effect is!
One of the really exciting things to happen to email over the past few
years is the introduction of interactivity and animations in email using
CSS, or what’s being called kinetic design.
It’s important to ensure that your
email still renders nicely in clients that aren’t able to handle
advanced CSS by providing fallback content.
This article shows off a fun example that we created and shows how you
can create your own interactive email that takes advantage of fixed
Interactive hotspots, or positioned information overlays, are a good way
to deliver additional contextual information on an image.
will go into how you can implement interactive hotspots in email that
work in many of the major email clients.