Aga Naplocha

Creative Coding: Animating SVG with Simple CSS Code

Marie,  These icons are amazing and the animations are so smooth &lt;3  I love the fact that although they present financial topics (meaning *serious* topics), they're still playful! :D Congrats!!! :D I wish to see more of your works!  Big up!

Thank you! Your tutorial was really easy to follow a long and let me feel confident in tackling other transformations types. The rotation one was really tricky for me.

Played around with a few icons from a site redesign project
&nbsp;
<a href="https://codepen.io/marieelizabeth20/pen/vrepgg" rel="nofollow">https://codepen.io/marieelizabeth20/pen/vrepgg</a>
&nbsp;
<img style="margin-left:auto;margin-right:auto;" src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/2f656fcefb898e5f3da38d0d67ec54d5/9de2cbd9" alt="Financial Icons - image 1 - student project" srcset="https://static.skillshare.com/cdn-cgi/image/quality=80,width=600,format=auto/uploads/project/2f656fcefb898e5f3da38d0d67ec54d5/9de2cbd9 600w, https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/2f656fcefb898e5f3da38d0d67ec54d5/9de2cbd9 1000w" sizes="(max-width: 600px) 600px, 100vw" loading="lazy">

Financial Icons

Company

Community

Teaching

Mobile

English

English