DEV Community

Cover image for Store Loading animation
Mariana Beldi
Mariana Beldi

Posted on

3 1

Store Loading animation

with SVG and CSS

We were building a site where the user was able to create their own store for selling products online. This task might take a while, so we decided to make a loading animation to explain what was happening at the moment.

This was my proposal, SVG drawing + CSS animations = 22k weight:
(place your mouse over the tree and wait for the >.<)

Top comments (2)

Collapse
 
peter profile image
Peter Kim Frank

This is really slick!

Collapse
 
marianabeldi profile image
Mariana Beldi

Thanks Peter! :)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay