hi everyone hope you are doing well today we will be learning this
yes we will be learning how to add text shadows in your website now let's jump into our tutorial
i am in my html file and this is our boilerplate now here we have to create a h3 tag
and inside this h3 i will be creating a span tag
then i will copy this span tag from here and then paste it here that's it so now inside
this span tag now we have to put some text here so my first one will be harder
better faster and then stronger now save and go to our website so here you can see that we have
our text here now our html part is done now we have to style our this text into our css file
and we have to add our text shadow so for doing this let's go to our style sheet
and in our install sheet here i have added a google font and the name of this font is relevant
and then in our star i have added our margin zero padding zero and then box size in border box
and in our body i have added our font family and here first i will give a background color and our
background color code will be e c e 5 d a that's it and then i will be adding text align center
because i want every text to be in the center now save and go to our website and now refresh
so guys here you can see that we have changed our background color and then we have aligned our text
in the center position now we have to target our ht tag and here i will give a color here for our
s3 and our color code will be two zero two zero and two zero that's it and then here i will add
text transform and it will be uppercase then i have to add a margin top and it will be 7 ram
now we have to copy this h3 from here and then paste it here then we have to target our aspen tag
and in our aspen tag first i will be adding our display and it will be blocked because i
want everyone in center in align center so that's why display block and then here i will be adding
margin for each one and it will be 11 pixel from top 0 pixel 17 from bottom and then zero
from right then i will be adding font size and it will be 100 pixel
then line height and it will be 90 pixel then front width will be bolder
and then i will add a color here and our color will be hash f1 eb e5 that's it
now save and go to our website and now refresh guys here you can see that we have our text
here and we have added our text color also here you can see that and we have increased our font
size now we have to do one last thing and this will be adding text shadow so for doing this
here we have to write text shadow so here i will be adding two color two different color for each
of this color we have to add different values and here first we have to add our horizontal value and
it will be zero it means our horizontal shadow will be 0 and then we have to add our vertical
shadow and it will be 13.36 pixel and then we have to add our blur radius and it will be 8.896 pixel
that's it and our first color will be hash c 4b 5 9 d that's it so now i'll just copy this one from
here and then paste it here now we have to add our second color and our second color will be white
and now we have to change the values also our h it means our horizontal value will be zero
and then our vertical value will be minus two pixel and then our blur radius will be one pixel
that's it now i will be adding one last property and it will be letter spacing
and this one will be 10 pixel that's it guys now save and go to our website
and here you can see that we have our text shadow and this texture is looking so beautiful so that's
it guys for this one and i hope you enjoyed this tutorial and if you really do then please please
subscribe like this video and press the bell icon for the future videos and if you guys
have any question about this video you guys can comment below and let's see you guys in our next
tutorial