Hello everyone and welcome back.
In today's video we will learn how to add shadows.
CSX provides us with two options to add shadows one for text and second for all other extremist elements.
First let's talk about how the large shadows to taste.
For this we can use the dates up or booty.
Let's try an example to understand it better.
Let's bring about good editor
let's say this is the next you've got X Diamond five.
Let's add some stylings so let's add the dig shadow have a deal so dark shadow on it two choirs two
armies one for horizontal shadow and another for vertical shadow.
So let's say four weeks old by four pixels.
That's either as you can see the text and the shadow have the same color like we get changed the color
of the shadow.
So let's try that.
So do I believe we can simply add in the value here to say great.
Let's save it now as you can see we've got a great salute shadow.
But it doesn't looks very much like the shadow it looks more like a reflection of our text.
It looks really sharp.
So let's add some bloke to our blood we can add another value here say two pixels.
And as you can see that shadow looks a bit blurry now let's increase this value of say four pixels.
And now as you can see it looks more blurry.
That's increased to say 10 pixels.
Now as you can see it's so blurry that we can't even tell what's written in that shadow.
So the higher this value the more blurry the shadow.
We can add multiple shadows as well.
So that's right.
OK lets us commanders.
All right so let's give it up.
Take shadow property.
Let's say two pixels horizontal two pixels vertical looping since blurry and let's say the color is
red.
Let's say that.
And now as you can see you've got this red shadow.
Now to add another shadow we can simply use a comma and give values for the next shadow as well.
So let's say two pixels two pixels two mixes blurred.
Let's see the color is green.
Let's see there.
And as you can see the green color isn't very much invisible.
So let's bring it down.
So for that you can just increase this one let's save it.
So not very much visible but increase it a bit more and now as you can see all these three pillars are
visible.
That's all for take shadow that.
Now let's talk about how to add shadows to extremist elements.
For that we have another problem decoder box shadow.
This property adds a shadow to the extreme elements box.
Let's try unexamined will do in the standard better let's just commanders.
Let's add some more states say red three hundred pixels high four hundred pixels.
Let's give a damn what a radius for pixels on let's give it a background color.
See white you see that.
And as you can see we've got this guy sort of a structure here.
Now let's try using this box shadow property box shadow.
So just like Dick's shadow even this box shadow nobody except the horizontal shadow landing on the vertical
shadow.
I mean let's save it.
As you can see we've got this new shadow around our box or guard.
That's right changing the color see Gray.
And as you can see now the shadows during degree similarly do add a blurred delay.
We can give it a value say four pixels and as you can see now the shadow looks a little blurry.
If you want to shadow more to come down.
So we could see probably four pixels another shadows more on the bottom.
And let's say we don't want him on the right.
So we could simply do this zero.
And as you can see with the shadow around our guards and the shadow nets our guard looks a bit elevated.
Similarly let's try adding a shadow to our top bar.
So coming up here
let's give it a block shadow properties so block shadow and let's give it some values.
0 pixels to pixels say 10 pixels and let's give it a color see triple eight and save it.
And as you can see with the shadow coming down from my dog bar it's a bit much.
So let's use the.
Let's say five pixels and looks much better now that's all for today guys.
If there's something that you do not understand feel free to drop a comment and we will discuss it.
See you in the next video by anti-gay.