DEV Community

Cover image for Escape Loading Animation - Feeling Good Because of CSS
Behnam Azimi
Behnam Azimi

Posted on • Edited on

Escape Loading Animation - Feeling Good Because of CSS

Hi there, I hope you all are in a good mood.
Today when I was surfing in Dribbble, I faced a cool loading animation, a fantastic loop animation. it drew my attention, and I could not ignore it. as far as I remember I was just gazing at it's GIF for 10-12 minutes and that gave me good feelings.

The design belongs to Vitaly Silkin, and he shared this on his Dribble profile about 2 years ago.

You can read the main version on bhnmzm.com

Anyway, I decided to code it. It took almost 3 hours and 30 minutes but was genuinely enjoyable and be worth it. I was code with pure CSS then added it to the practical front-end projects collection as a new cool member.

You can see the demo here. Also, you can customize the source on Codepen too.

When it's done, I wrote an email to Mr. Silkin and I thanked him because of his beautiful design. Also, I wrote to him that I hope he doesn't be mad at me for doing it without permission. and I closed the email with this: Your potential friend, Behnam ;)

Sometimes a simple design, a short sentence, or a short story can make us happy so much more than we expected. especially in these difficult days and in the middle of that much works.

Comment your feelings and make me happy more ;)

Top comments (0)