Css Animations Work On A Range Of Email Clients Including singapore email list 1.6 million contact leads Ios Apple Mail Android Native Mail And Outlook For Mac The Snow Animation Wont Display On Other Email Clients So You Dont Need To Provide A Fallbackfirst We Set Up The Media Query To Detect The Webkit That Will Support The Css Animationmedia Screen And Webkitmindevicepixelratio 0 Next We Set Up The Container The Snow Will Be Insnowcontainer Positionrelative Width100 Overflowvisiblecreating Your Snowflakeswe Then Need To Define The Snow
The Simplest Way To Do This Is To Use A Shape That Doesnt Need An Image Such As A Square You Can Create A Square By Setting Height 18px By Width 18px And Setting A Borderradius That Is Half The Height To Gain A Perfect Circle Borderradius 9px Set The Positionabsolute So The Snow Will Be Positioned Within The Container And Top 20px To Start The Animation Before It Enters The Snowcontainer Finally Add A Backgroundcolor To Set The Color Of The Shape
