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.
today after watching this video , i m having a feel that i have learned something bcz website with shadow effect is looking too good to me although i m watching from the very first 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......
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 😊😊😊
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.
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.
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.
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. 😀😀😀
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
.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!
loved the "chamkilaness" 5:02
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.
Same
yess, we will be taking this legacy of harry sir's forward for the betterment of society.
bro ap Web development kr rha ho
its a bot bruh
Thank you Harry bro for this awesome course and you are the best teacher.
2:07 lots of love harry bhai
Thank you Harry bhai, really i appreciate your efforts may Allah lighten your life.
Regards: M.Zubair from Pakistan
thanku herrybhai..... tmaro khub khub aabhar.
😊
!!!!Completed lecture 34. Now going to take rest for half an hour. Thanks for the video.
Thank you so much for this. Honestly, this is the best course on web development I've seen so far.
This is best JS Tutorial i have shown on TH-cam. Thanks Harry ♥️
hey Bro In This Video Sir Taught Css Not Js
@@itshyperelite4869 thanks for correction 😊
lol
@@itshyperelite4869 😆😆🤣🤣
you are really an awesome coder as well as amazing teacher. thankyou for providing us with this fabulous lecture series
still following your course even after 2 years . Tysm ❤
Thank you dear
U r teaching very well.
It's good for us.
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....
so what are you doint Now?
Thank u so much for this course.
And u have the perfect teaching technique.
And again thank u so much.
You're my great coding Sir forever 😘
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 👍👍 😃
Aaj tak aisi video nhi dekhi.awesome
Bhai aapse achi coding koi nhi sikha paaya mujhe aaj tk saare programming aapse seekhi aur aage ke courses bhi aapse hi krunga
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!❤
Itna frustrated thii but itna easy bna diya aapne ,Thank you so much .
today after watching this video , i m having a feel that i have learned something bcz website with shadow effect is looking too good to me although i m watching from the very first video.
thank u Harry Sir...I am watching this playlist since beginning.....very helpful for me
Thankyou, aap humesha aadhi problem solve kr dete ho humari
thank you so much sir for this amazing course.
I'm learning a lot from this:)
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......
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 😊😊😊
udemy ke course chorke yeeh dekha aur sikha THNAKS HARRY BHAI
love from Pakistan the best teacher on TH-cam
very good work herry bhai bhai bhai bhai bhai...................
i like ur way of giving mesg without disturbing class and wasting time
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.
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.
Did you start from scratch?
@@khizra9880 yaar what is scratch??
I am following the tutorial conscientiously .. Thanks Harry sir.
ek no harry bhai
Great work harry bhai...you made programming very easy and understable a great initiative took by you...Good luck for ur future :))
Best course on internet
Bro...
Every single word settled in my mind..
One of the best teacher👏🥰
what a beautiful video harry bhi and what a beautiful style teaching
Sir your videos are very helpful and understanding fir me
Thank you so much for such a amazing videos
02:15 34 se mujhe kuch pyair hai 😂😂😂
😘😘 Harry Bhai
Thankyou sir for providing this course ❤❤❤❤❤
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.
I am the 4000th to like this video... Thanks Harry sir for such a great video
congrats for 2M bhai, you deserve more
Congo 🔥🔥
Kya baat hai Janab. Zabardast !
Boht badiya sir ji maja aagya
Bahut bolne ka style badiya hai sir aapka
I like this scene when you don't have enough words to say like this 12:46
😃😃
❣
Thanks bhai.. this series is very helpful..
Sir thanks for ur hard work u are The best Teacher love u sir😍😘😘😘😘😘
harry bhai rocking
Bhai u r really awesome 👌👍😊😊
This is Amazing Harry bhai
Harry vai .. Awesome 👌😍
Thanks harry bhai for such awesome videos and course
Thank you sir again from deep depth of heart
3:10 box-shadow
8:50 box-shadow: inset
9:15 multiple shadow
Harry bro thanks for all! you are the gem!
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
harry bhai kamaal hai sir
Great Explanation
maza agaya harry bhai
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.
😀😀😀
everyone knows this no need to tell
i didnt knew it. Thanks SkillerTech
Thx
@@SahilKumar-ni7su everyone is not like you spiderman
this is best tutorial from harry bhai keep it up bro
nice tutorials
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
great harry bhai
Harry bhai so awesome❤️❤️
Bhai kdk 1 no.
Thanks
Congrats for 3M subscribers ♥️
respect sir and thank you once more
Best explanation
Thank you sir ❤️❤️❤️..
very interesting
enjoyed it
thanks a lot for this course
Bhai kya dedication h
lorem - 34
border- 2px solid red
hotel- trivago
Amazing session sir
you are just great bhai hats off to you
Video ne to moj hi kr di katai...
Thankyou....... Bhi kam ha aapke liye ❤❤
Thank you Harry Bhai 😍
first comment........first time ...........thanks for your effort
Great work harry bhai
A little correction: The spread radius does not work in text shadow.
Thanks pal🤝
Okay bro..
and inset too.
He didn't even mention the spread radius with the text Shadow.
It was X ,Y ,blur radius, and color
Gg text per blur radius nahi apply hoga
thanks you harry sir for this lecture ! , appreciate your teaching ,, 25/2/23
harry bhai on mood today
love you harry bhai.,,,,,🥰
Thank you:)
Day 34 complete ✅✅
amazing...excellent explanation
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!
Amazing lecture
Thank you bhaiya ji 😊
Well, nice teaching harry bro ....
thanks for your efforts.
Txxx so much Harry bhai
Nice Tutorial 👍❤️
Good morning sir have a nice day.
Thanks for this course