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

Top comments (12)

Collapse
 
sh20raj profile image
Sh Raj β€’

Awesome 😎

Collapse
 
nickytonline profile image
Nick Taylor β€’

Nice! πŸ‰

BB-8 giving a thumbs up

Collapse
 
rudresh98 profile image
Rudresh β€’

Nice one

Collapse
 
sagarde profile image
Sagar Dhende β€’

Divya you are greate in css

Collapse
 
mince profile image
Mince β€’

Great job

Collapse
 
rajeshroyal profile image
Rajesh Royal β€’

nice one πŸ‘

Collapse
 
sharmi2020 profile image
Sharmila kannan β€’

Nice!!

Collapse
 
rayyannafees profile image
Rayyan Nafees β€’

CSS stands with Palestine πŸ‰

Collapse
 
mince profile image
Mince β€’

Tasty πŸ˜‹

Collapse
 
alvaromontoro profile image
Alvaro Montoro β€’

Nice job! It looks great 😊