DEV Community

divya
divya

Posted on

15 5 5 5 5

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

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (12)

Collapse
 
nickytonline profile image
Nick Taylor

Nice! 🍉

BB-8 giving a thumbs up

Collapse
 
sh20raj profile image
Sh Raj

Awesome 😎

Collapse
 
rudresh98 profile image
Rudresh

Nice one

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Nice job! It looks great 😊

Collapse
 
sagarde profile image
Sagar Dhende

Divya you are greate in css

Collapse
 
mince profile image
Mince

Great job

Collapse
 
sharmi2020 profile image
Sharmila kannan

Nice!!

Collapse
 
rajeshroyal profile image
Rajesh Royal

nice one 👍

Collapse
 
rayyannafees profile image
Rayyan Nafees

CSS stands with Palestine 🍉

Collapse
 
mince profile image
Mince

Tasty 😋

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay