An eye icon saved as an SVG is rendered into an HTML-CSS animation. This animation is saved as a gif, the real CSS animation can be viewed in CodePen.
An eye icon saved as an SVG is rendered into an HTML-CSS animation. This animation is saved as a gif, the real CSS animation can be viewed in CodePen. {1}

How to develop your SVG illustrations into CSS animations

The savvy micro (and macro) asset to the digital screen

Eva Schicker
4 min readFeb 18, 2022

--

“Nothing’s occurring in animation — you manufacture everything.” — Gore Verbinski {2}

If you love micro animations as much as I do, you will surely be curious about how SVGs work within the…

--

--

Eva Schicker

Hello. I write about UX, UI, AI, animation, tech, fiction & art through the eyes of a designer & painter. I live in NYC. Book author, UX Grad GA NYC.