How to Create Birthday CAKE 🎂 (CSS only) 😍😍

Опубликовано: 11 Январь 2025
на канале: Techgiant

468

Dare you to click this link:- https://bit.ly/2RKSugR
Today in this Video , we will learn How to create BIRTHDAY CAKE only using HTML and CSS. We will also apply NEUMORPHIC affect on BIRTHDAY CAKE to feels its like real BIRTHDAY CAKE.

We will Create BIRTHDAY CAKE step by step, follow below methods:-

#1: First Create bottom most Birthday Plate using DIV element

#2: Then Create Layer1 ,followed by circular layer using DIV element

#3: After that Create Layer2, followed by another circular layer using DIV element

#4: Create a Candle and use Gradient Color for its Background Color using DIV element or You can also use SPAN element.

#5: Finally Create flame of the Candle ,its most crucial step guys.

Note:- To apply NEUMORPHIC Affect To the Birthday Cake , just copy below give line and paste inside css selector of required element as I did in video.

box-shadow: -4px -4px 8px 0px rgba(255, 255 , 255, 0.25),8px 8px 8px 0px rgba(0, 0 , 0, 0.5) , 4px 4px 8px 0px rgba(0, 0 , 0, 0.25) inset, -4px -4px 4px 0px rgba(255, 255 , 255, 0.25) inset;

If you have any doubts or found any mistakes feel free to ask in comment section.I hope you guys have enjoyed watching the video 😄. Please like ,share and SUBSCRIBE to get more and more interesting videos like this one.

Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.

Learn How to Create Modern Profile UI cards
   • Video

Learn How to host website on internet (Most EASIEST ways)
   • How To Create A Free Website - with F...

How to create wonderfull things using HTML ,CSS and Javascript (frameworks)
   • Video

Hashtag
#html #css #javascript #webdevelopment #birthdaycake