Friendship to Love

This is a submission for Frontend Challenge - February Edition, CSS Art: February.

Inspiration

February is a month known for celebrating love and friendship. But sometimes, love begins with the simplest bond of companionship. In the icy world of winter, two penguins find warmth in each other's company. Their story reminds us that the strongest relationships often begin as the best friendships, making February a month not just of love, but of heartwarming beginnings.

Demo

Here, the two penguins are best friends, and I added an animation of snow falling. When the user clicks the button "Click Here to Celebrate LOVE", the penguins move toward each other with a popping heart, and all the snowflakes change into red hearts.

Public Link for Demo:

Git Hub Link for Code: https://github.com/hirushi1999/Feb_Challenge

Journey

I created all the penguins and elements using HTML and CSS. I had trouble designing the beard of the penguin boy and reviewed many resources for that. I also added animations.

I’m really proud of my art and creative writing skills. I hope to add a small animation of the two penguins walking in the near future.

Thank you for reading.

Comments

[Divya]

This is cute.
I like it 😁

[Hirushi Nethmini]

Thank you for your comment!

[Divya]

Thank you for letting me see a sweet Penguin love story

[Robin 🎭]

Wow solo cute💖💫

[Hirushi Nethmini]

Thank you for your comment.

[Robin 🎭]

Welcome

[Michael Phillips]

Nice!

[Hirushi Nethmini]

Thank you for your comment.

[zukhruf fatima]

KineMaster allows multi-layer editing, enabling users to add multiple video clips, images, stickers, and text overlays simultaneously. This feature helps in creating complex video compositions with precise control over every element, giving videos a more polished and professional look.