DEV Community

Cover image for Friendship to Love
Hirushi Nethmini
Hirushi Nethmini

Posted on

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.

Top comments (9)

Collapse
 
divyasinghdev profile image
Divya

This is cute.
I like it 😁

Collapse
 
hirushi_nethmini_41168bb8 profile image
Hirushi Nethmini

Thank you for your comment!

Collapse
 
divyasinghdev profile image
Divya

Thank you for letting me see a sweet Penguin love story

Collapse
 
robin-ivi profile image
Engineer Robin 🎭

Wow solo cuteπŸ’–πŸ’«

Collapse
 
hirushi_nethmini_41168bb8 profile image
Hirushi Nethmini

Thank you for your comment.

Collapse
 
robin-ivi profile image
Engineer Robin 🎭

Welcome

Collapse
 
michael_phillips_356cb1ff profile image
Michael Phillips

Nice!

Collapse
 
hirushi_nethmini_41168bb8 profile image
Hirushi Nethmini

Thank you for your comment.

Collapse
 
zukhruf_fatima_0685cacee1 profile image
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.