Cookie Consent by Free Privacy Policy Generator Aktuallisiere deine Cookie Einstellungen πŸ“Œ CSS Art:Watermelon
Team IT Security Nachrichtenportal Logo


πŸ“š CSS Art:Watermelon


πŸ’‘ Newskategorie: Programmierung
πŸ”— Quelle: dev.to

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

...



πŸ“Œ CSS Art:Watermelon


πŸ“ˆ 49.16 Punkte

πŸ“Œ Introduction of CSS, What is CSS, Why we use CSS and How CSS describe the HTML elements


πŸ“ˆ 34.19 Punkte

πŸ“Œ Glacier Blood? Watermelon Snow? Whatever It's Called, Snow Shouldn't Be So Red.


πŸ“ˆ 31.02 Punkte

πŸ“Œ Interactive 3D Watermelon


πŸ“ˆ 31.02 Punkte

πŸ“Œ CSS Art: Drawing Santa Claus in CSS


πŸ“ˆ 26.69 Punkte

πŸ“Œ Tortoise CSS Art | CSS Project With SourceΒ Code


πŸ“ˆ 26.69 Punkte

πŸ“Œ CSS Grid: Moving From CSS Frameworks To CSS Grid (2018 and beyond)


πŸ“ˆ 25.65 Punkte

πŸ“Œ Stylify CSS: Automagic CSS bundles splitting into CSS layers in Astro.build


πŸ“ˆ 25.65 Punkte

πŸ“Œ Choosing the Right CSS Approach: Tailwind CSS vs Bootstrap vs VanillaΒ CSS


πŸ“ˆ 25.65 Punkte

πŸ“Œ A BRIEF REVIEW OF CSS CASCADING, CSS SELECTORS and CSS SPECIFICITY.


πŸ“ˆ 25.65 Punkte

πŸ“Œ ImageMagick 7.0.5-5 ART File coders/art.c ReadARTImage denial of service


πŸ“ˆ 19.18 Punkte

πŸ“Œ How to get art in Animal Crossing: Get Genuine Art Easily


πŸ“ˆ 19.18 Punkte

πŸ“Œ Learn about your DNA and make some art with 40% off The Human Art Project


πŸ“ˆ 19.18 Punkte

πŸ“Œ How to Generate Art from Text Using Simplified AI Art Generator?


πŸ“ˆ 19.18 Punkte

πŸ“Œ Best AI Art Generator for Comics: 8 Picks for Awesome Art


πŸ“ˆ 19.18 Punkte

πŸ“Œ The Future of Digital Art: The Rise of NFT Art Marketplaces


πŸ“ˆ 19.18 Punkte

πŸ“Œ ImageMagick 7.0.5-5 ART File coders/art.c ReadARTImage Denial of Service


πŸ“ˆ 19.18 Punkte

πŸ“Œ Creating a virtual art gallery "without walls" #microsoft #shorts #art


πŸ“ˆ 19.18 Punkte

πŸ“Œ The art of my AI algorithm from Ukraine became an exhibit at a digital art exhibition and attracted the attention of OpenAI


πŸ“ˆ 19.18 Punkte

πŸ“Œ Deep Art Effects 1.2.7 - Create unique & digital works of art in no time.


πŸ“ˆ 19.18 Punkte

πŸ“Œ Ukrainian embroidery CSS Art


πŸ“ˆ 18.14 Punkte

πŸ“Œ CSS Artist Kass Moreno talks Art & Code [freeCodeCamp Podcast #119]


πŸ“ˆ 18.14 Punkte

πŸ“Œ KD2 art filtered CSS No Js


πŸ“ˆ 18.14 Punkte

πŸ“Œ CSS Art: June was made for happiness


πŸ“ˆ 18.14 Punkte

πŸ“Œ Global CSS Art: Community


πŸ“ˆ 18.14 Punkte

πŸ“Œ Frontend CSS Art Challenge- Orange Candy Ice Cream


πŸ“ˆ 18.14 Punkte

πŸ“Œ Global CSS Art


πŸ“ˆ 18.14 Punkte

πŸ“Œ Sundae: CSS Art Challenge


πŸ“ˆ 18.14 Punkte

πŸ“Œ Front End Challenge 2024 Earth Day Edition🌎CSS ART SUBMISSION: "Plants: The Heart of Our Planet"


πŸ“ˆ 18.14 Punkte

πŸ“Œ Responsive CSS Art For Beginners With Source Code


πŸ“ˆ 18.14 Punkte

πŸ“Œ CSS Art 2024 Submission, Earth Day Edition Frontend Challenge


πŸ“ˆ 18.14 Punkte

πŸ“Œ Earth Day CSS ART


πŸ“ˆ 18.14 Punkte

πŸ“Œ CSS Art: Earth Day Challenge Submission


πŸ“ˆ 18.14 Punkte

πŸ“Œ CSS Art: Earth Day 2024


πŸ“ˆ 18.14 Punkte











matomo