Top Deliverability’s Blog
Litmus: How to Create a Flip Card in Email
- June 10, 2022
- Posted by: Top Deliverability
- Category: Email Design Industry News Litmus
Litmus just posted another insightful write-up:
You may have noticed we got creative with animation and interactivity in our May newsletter in hopes of increasing engagement by providing some surprise and delight in the inbox. And bonus, it was fun! Fun to design, code, and play with. This advanced CSS animation is supported mostly in Apple Mail, so we make sure to provide a version that works in other email clients where less CSS animation is supported. And fallbacks where no CSS animation is supported. So how’d we do it? I’m so glad you asked. Building the animation We start by building the most advanced version: the flip card version. Building a flip card for the web is relatively simple and doesn’t require any advanced CSS animation. But of course, this is email so we’ve got to do a bit of fun alterations to make it work since not everything is supported. First, we create containers…
Read more: How to Create a Flip Card in Email
Leave a Reply Cancel reply
Email Service Providers Handbook
The most comprehensive “Handbook of Email Service Providers“!
SPAMASSASSIN RULES
All SpamAssassin rules in one place, EXPLAINED!
SMTP COMMANDS
& REPLY CODES
All SMTP/ESMTP commands and reply codes in one place, EXPLAINED!
Free DNS Tool
Check the DNS records of your domain with our free DNS tool.
Deliverability Glossary
The most comprehensive Email Deliverability and Marketing Glossary!
- Glossary: Newsletter
- Glossary: Engagement
- Glossary: Cascading style sheet (CSS)
- Glossary: Deliverability
- Glossary: Email Service Provider (ESP)
- Glossary: SpamAssassin
- Glossary: Simple Mail Transfer Protocol (SMTP)
- Glossary: Accelerated Mobile Pages (AMP)
- Glossary: Extended Simple Mail Transfer Protocol (ESMTP)
- Glossary: Domain Name System (DNS)