A simple and cool CSS animation, new year and good to be back!

Published: (January 7, 2026 at 08:14 PM EST)
1 min read
Source: Dev.to

Source: Dev.to

Introduction

Hey everyone! I’ve been a bit absent lately, but I’ve missed the community and the chance to share new things and meet new people. I’m back with a fresh mindset for the year and excited to share what I’ve been working on.

The CSS Animation

While organizing my new home office, I came across a cool Instagram ad featuring cards for healthy programs. I decided to replicate the design and add some simple animations using only CSS. It was a great exercise to practice my skills and see the idea come to life.

Below is the final result of the animation.

If you’d like to see the code and experiment with it yourself, you can check out the project on Stackblitz:

Animation CSS: Stackblitz

Conclusion

That’s it for this post—I just wanted to share a simple animation and let you know I’m back and eager to publish more content. Let’s make this year a great one!

Back to Blog

Related posts

Read more »

Bad CSS-Dad Jokes (VI)

Jokes - Why are developers impressed with Tailwind? One semantic class is worth one thousand utility classes. - Why was the web developer afraid of accordions?...

JavaScript DOM Explained for Beginners

What is DOM? DOM stands for Document Object Model. It is a tree‑like representation of your HTML document that JavaScript can: - read - change - add to - remov...