Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
March 28, 2024 09:14 pm GMT

CSS Art:Watermelon

This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack.

Inspiration

I had to learn CSS for my job as a frontend developer but started liking it. I love being artistic with it but I am still at my beginners state.

Demo

https://codepen.io/kejriwaldivya/pen/mdgBbNV

Image description

Journey

I have been obsessed with watermelon these days, thats how I tried drawing it.I started off thinking its easy but I wont deny, I struggled a bit. I have been practicing border-radius recently, so it helped me alot to get through this challenge.Although I am still figuring out how to draw the outer watermelon shades(dark green section and light green section)
Some of the properties widly used:

border-radius:was very helpful making the shapes
box-shadow,radial-gradient: to give the shadow effect


Original Link: https://dev.to/kejriwaldivya/css-artwatermelon-jo9

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To