DEV Community

Cover image for Friendship to Love
Hirushi Nethmini
Hirushi Nethmini

Posted on

11 1

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

Image description

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.

Image description

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
 
divya4879 profile image
Divya ā€¢

This is cute.
I like it šŸ˜

Collapse
 
hirushi_nethmini_41168bb8 profile image
Hirushi Nethmini ā€¢

Thank you for your comment!

Collapse
 
divya4879 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.

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

šŸ‘‹ Kindness is contagious

Please leave a ā¤ļø or a friendly comment on this post if you found it helpful!

Okay