Wir denken normalerweise nicht an CSS-Animationen oder -Übergänge in E-Mails, oder eigentlich an jegliche Bewegung außerhalb eines unbeholfenen gelegentlichen GIFs. Aber es gibt wirklich keinen Grund, warum man sie nicht in HTML-E-Mails verwenden kann, insbesondere wenn man dies auf eine Weise tut, die mit progressive enhancement kompatibel ist. Man könnte zum Beispiel einen Link mit einem Hover-Zustand und einer Schüttelanimation gestalten, aber wenn die Animation (oder sogar der Hover) nicht funktioniert, ist es immer noch ein funktionsfähiger Link. Sogar CSS-Grid kann man in E-Mails verwenden, glauben Sie es oder nicht.
Jason Rodriguez hat gerade Understanding CSS Animations in Email: Transitions and Keyframe Animations geschrieben, das einige der Möglichkeiten behandelt. Zu den unterstützten E-Mail-Clients, die CSS-Übergänge und Keyframe-Animationen unterstützen, gehören unter anderem Apple Mail, Outlook und AOL Mail.
Weitere Dinge, die man sich ansehen kann
- Email on Acid: Der ultimative Leitfaden für CSS-Animationen in E-Mails
- FreshInbox: Kinetic Email CSS Support
- Campaign Monitor: Der ultimative Leitfaden für CSS (Animation)
- Die unglaubliche Trickerei von camiah