CSS Tutorial: Box Shadow and Text Shadow | Web Development Tutorials #34 

Harry Bro there's no-one who could have taught it any better. Thank you for this series and also for doing it for society i.e. for free, it now even inspires me to do something for this society to make it better. Thank you very much brother.

loved the "chamkilaness" 5:02

Thank you Harry bro for this awesome course and you are the best teacher.

Thank you Harry bhai, really i appreciate your efforts may Allah lighten your life. Regards: M.Zubair from Pakistan

2:07 lots of love harry bhai

you are really an awesome coder as well as amazing teacher. thankyou for providing us with this fabulous lecture series

Thank you so much for this. Honestly, this is the best course on web development I've seen so far.

Thank you dear U r teaching very well. It's good for us.

Thank u so much for this course. And u have the perfect teaching technique. And again thank u so much.

This is best JS Tutorial i have shown on RU-vid. Thanks Harry ♥️

still following your course even after 2 years . Tysm ❤

thanku herrybhai..... tmaro khub khub aabhar. 😊

i am following this course with one by one lecture .it helps me a lot harry bhai .you explains all the things vary easily thank you bhai....

I'm very thankful to you sir. I learned many of things from your video.Thanks for giving us so much for free. may god bless you. Sir You are great

Thanks for explaining such tough topic with simple explanation in our national language 👍👍 😃

!!!!Completed lecture 34. Now going to take rest for half an hour. Thanks for the video.

God bless you sir, you are a great teacher., the way you explain and emphasize things is just awesome, we love a lot....keep up this good work, and definitely we'll be taking this legacy of yours further......

Aaj tak aisi video nhi dekhi.awesome

thank you so much sir for this amazing course. I'm learning a lot from this:)

A little correction: The spread radius does not work in text shadow.

very good work herry bhai bhai bhai bhai bhai...................

harry bhai...aap kabhi style tag ko head tag k bahar lete ho to kabhi head tag k under aisa kyo kha pe lene se jyada achha rahega aap bta dijiye

You're my great coding Sir forever 😘

After all the research I did, I can now finally conclude that this playlist is the best playlist for the web development course. Thanks Harry bhai!❤

thank u Harry Sir...I am watching this playlist since beginning.....very helpful for me

When you create a shadow and goi into the style console you would see Overlapped boxes click on the icon and there is a Shadow picker. May this would have help you. 😀😀😀

Thanks bhai.. this series is very helpful..

00:03 This video covers box shadow and text shadow in CSS. 01:48 Adding box shadow and text shadow in CSS 03:27 Box shadow allows you to add shadow effects to an element. 05:18 Using box shadow properties to create shadows in CSS 07:26 The alpha value in RGBA determines the darkness of a color. 09:19 Multiple shadows can be added using comma-separated properties 11:36 Learn to create and customize text shadows and box shadows in CSS. 13:30 Box-shadow and text-shadow can be used to create visually appealing effects Crafted by Merlin AI.

Sir your videos are very helpful and understanding fir me Thank you so much for such a amazing videos

Bhai u r really awesome 👌👍😊😊

I am following the tutorial conscientiously .. Thanks Harry sir.

Boht badiya sir ji maja aagya

Thankyou sir for providing this course ❤❤❤❤❤

Great work harry bhai...you made programming very easy and understable a great initiative took by you...Good luck for ur future :))

Thank you brother for providing such a fabulous course free of cost which helped me and my friends to learn web development from starting to end due to which today we work as a freelencer.I will suggest your channel to my friend cirlce.

Thankyou, aap humesha aadhi problem solve kr dete ho humari

Best course on internet

thank you so much bro i belong to commerce background and watching this video on 15 January 2022 just to add a skill and upgrade my self. And the way that you teach is awesome.

This is Amazing Harry bhai

Thank you:)

Thank you sir again from deep depth of heart

Bro... Every single word settled in my mind..

Sir thanks for ur hard work u are The best Teacher love u sir😍😘😘😘😘😘

Great Explanation

I won't remember you by your name , I will remember you by BORDER: 2PX SOLID RED 🙂

ek no harry bhai

Hi Harry bhai...thank so kuch for this course and you teaching is so lovely...but bhai yek point aata hai ke apne pass yek refrains ke liye kuch books honi chahiye......bhai agar apko lgta hai...to plzzz plzz ...yek video bnaiye aur ousmai recommend kre ke respective languages keliye respective books...And ThnQ bhai apke free classes keliye

maza agaya harry bhai

I just wanted to clear this out(no offense!), the "alpha" denotes transparency. The higher the value, the crispier or opaque the color is and lower the value, you basically make the color transparent and hence it fades with the background color. Harry Bhai u r an awesome teacher when it comes to coding I've learned a lot from you so this comment is not meant to bash you or hurt your work in any way or to brag about myself. I think u might also know the meaning of alpha as u r a little bit familiar with Photoshop and you just wanted to teach in an easy and friendly environment. But if anyone wants to understand the function of "alpha" (coz u can change the brightness/darkness of color using the color picker) then here's the answer. Hope you have a good day 😊😊😊

Thanks harry bhai for such awesome videos and course

what a beautiful video harry bhi and what a beautiful style teaching

Harry vai .. Awesome 👌😍

I am the 4000th to like this video... Thanks Harry sir for such a great video

respect sir and thank you once more

harry bhai rocking

great harry bhai

Thank you sir ❤️❤️❤️..

congrats for 2M bhai, you deserve more

Bhai aapse achi coding koi nhi sikha paaya mujhe aaj tk saare programming aapse seekhi aur aage ke courses bhi aapse hi krunga

lorem - 34 border- 2px solid red hotel- trivago

Thank you

Bhai kdk 1 no. Thanks

love from Pakistan the best teacher on RU-vid

2:27 harry bhai op

Txxx so much Harry bhai

udemy ke course chorke yeeh dekha aur sikha THNAKS HARRY BHAI

Amazing session sir

Bro I'm of different department I was intrested in create websites so i have came till this video of this playlist i have a doubt that we are using visual code for practise will this be continued for work also or this is just for practise and the another thing is their anyone uses visual code in their daily life or should shift any other app or website

Harry bhai so awesome❤️❤️

Thank you bhaiya ji 😊

harry bhai kamaal hai sir

Amazing lecture

Bahut bolne ka style badiya hai sir aapka

Thank you Harry Bhai 😍

Best explanation

thanks for your efforts.

Thank you harry bhai 🙏🙏🙏

Harry bhai rgba me 'a' transparency control krne ke liye hota hai darkness ke liye nahi.

mein nay box-shdow:10px 10px solid red; kiya to shadow nai aya or jab solid ko khatam kiya to shadow aa gya kio?

very interesting enjoyed it thanks a lot for this course

Nice ❤️❤️

Thank you 🙏

Box Shadow and text Shadow .container{ display: flex; /* ek line me aa jayege container k elements as we know */ } .card{ padding: 23px 12px; margin: 23px 12px; /* border: 2px solid red; */ background-color: yellowgreen; /* It used to give shadow to a box */ /* SYNTAX: box-shadow: offset-x offset-y color */ /*box-shadow: 10px 12px black;*/ /* shadow neeche chahiye to positive no. do with color*/ /*box-shadow: -8px -10px black;*/ /* shadow uper chahiye to negative no. do color k sath*/ /* SYNTAX: box-shadow: offset-x offset-y blur-radius color */ /* box-shadow: 6px 5px 10px blueviolet; */ /* box-shadow: -6px -5px 10px blueviolet; */ /* SYNTAX: box-shadow: offset-x offset-y blur-radius spread-radius color*/ /* box-shadow: -6px -5px 10px 10px blueviolet; */ /* we can also give shadow inside to a box by 'inset' keyword */ /* box-shadow: inset 8px 5px red; */ /* NOTE: we can add multiple shadows to a single box just by using ( ,) */ box-shadow: -8px -5px 10px blueviolet, -16px 12px red; } .card h2{ /* text-shadow: x y blur shadow color */ /* text-shadow: 2px 3px 2px #a39a9a; */ text-shadow: -2px -3px 2px #a39a9a; } This is HTML course Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, repudiandae quod id autem animi officiis nobis impedit, voluptatum ullam earum et debitis nulla nam inventore vitae, vero recusandae iste? Quia? This is CSS course Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum quas illum nam dicta nulla totam, recusandae aperiam aut sint ratione error neque delectus a hic fugiat cupiditate voluptas dignissimos vero! JavaScript course Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus placeat, minima incidunt rerum consequatur voluptatem. Accusantium possimus autem neque in. Rem maxime eos ab veniam veritatis, doloremque tenetur inventore aut!

this is best tutorial from harry bhai keep it up bro nice tutorials

A lot of thanks sir 😊

Video ne to moj hi kr di katai...

than you harry bhai love you bhai

love you harry bhai.,,,,,🥰

I like this scene when you don't have enough words to say like this 12:46 😃😃 ❣

harry bhai on mood today

Thanks for this course

02:15 34 se mujhe kuch pyair hai 😂😂😂 😘😘 Harry Bhai

Great work harry bhai

sir thnak you a lot,,,,

Thanks 😀

Thankyou....... Bhi kam ha aapke liye ❤❤

Thank u sir

you can just set color transparency using slide bar which is next to color slide when u hover to color box.

10.30 to 10.50 high level of advertising shown by harry bhai 😂😂😂😂😂

harry bhai gawd