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

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 (8)

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
Robin šŸŽ­

Wow solo cutešŸ’–šŸ’«

Collapse
 
hirushi_nethmini_41168bb8 profile image
Hirushi Nethmini

Thank you for your comment.

Collapse
 
robin-ivi profile image
Robin šŸŽ­

Welcome

Collapse
 
michael_phillips_356cb1ff profile image
Michael Phillips

Nice!

Collapse
 
hirushi_nethmini_41168bb8 profile image
Hirushi Nethmini

Thank you for your comment.