{"id":3367,"date":"2017-03-09T19:42:36","date_gmt":"2017-03-09T19:42:36","guid":{"rendered":"http:\/\/freshinbox.com\/blog\/?p=3367"},"modified":"2017-03-09T19:42:36","modified_gmt":"2017-03-09T19:42:36","slug":"how-to-restart-css-animations-in-email-using-the-active-pseudo-class","status":"publish","type":"post","link":"https:\/\/freshinbox.com\/blog\/how-to-restart-css-animations-in-email-using-the-active-pseudo-class\/","title":{"rendered":"How to Restart CSS Animations in Email Using The :active Pseudo-Class"},"content":{"rendered":"
Replay animation<\/a><\/p>\n
\n
<\/div>\n<\/div>\n<\/div>\n

One of the questions often asked about CSS animations is “Why use CSS animations when an animated gif works in many more clients?”<\/p>\n

Until now, the answer seems to be that CSS animations are more fluid, has smaller filesize and a much higher color palette (gif images are limited to 256 colors). There is now another reason to use CSS animations – the ability to play the animations on demand.<\/p>\n

This article shows you a technique to restart CSS animations<\/a> with a single click or tap using the :active pseudo-class.<\/p>\n



<\/p>\n

\n
\nSubscribe to the #EmailGeeks Newsletter<\/span>\n

<\/p>\n