Top Deliverability’s Blog
Litmus: How to Code a CSS Glitch Effect in Email [+ Code]
- November 3, 2022
- Posted by: Top Deliverability
- Category: Email Design Industry News Litmus
Litmus just posted a insightful blogpost:
The Halloween edition of newsletter took a seasonally spooky turn. Our email team created a fabulously freaky email using glitching animations, all created using CSS. Read to find out how our Email Marketing Specialist Carin Slater created this CSS glitch effect. Subscribe for more email tricks and treats Keep your know-how fresh on email marketing, design, and development with our newsletters—including “surprise and delight” moments like our October newsletter. Sign me up! Tutorial: CSS glitch effect in email This piece originally appeared on Carin’s personal blog. Slater: The glitching is all CSS animation using keyframes, so it’s very much something that works only in the browser window or in Apple or iOS mail. Great for progressive enhancements, not so good if your subscribers open mostly on Outlook or Gmail. The animation is the same for the image and for the text. In both instances, I created duplicate versions of
Read more from the original source: How to Code a CSS Glitch Effect in Email [+ Code]
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!
- Term: Newsletter
- Term: Cascading style sheet (CSS)
- Term: Email Marketing
- Term: Deliverability
- Term: Email Service Provider (ESP)
- Term: SpamAssassin
- Term: Simple Mail Transfer Protocol (SMTP)
- Term: Accelerated Mobile Pages (AMP)
- Term: Extended Simple Mail Transfer Protocol (ESMTP)
- Term: Domain Name System (DNS)