Hello, everyone, and welcome back.
In today's video, we will learn how to design gradients in CSX.
Let's start with what is gradient.
It is a smooth transition between two or more colors.
There are two types of gradients on CSX.
First, linear gradient and second, radiate redeemed.
Let's start with linear reading first.
In the lenient grading, the Ghaleb transition is linear.
I guess it can go either up, down, left, right or diagonal.
Let's try it.
Unexampled to understand a bit of.
Let's create a dive here.
Let's give it an I.D..
Say div one.
Let's create two motives.
Two on three.
So coming here, let's try using this.
Dave?
Let's give it the Red Sea.
Hundred percent.
Let's give it to high sea exits.
Let's save it.
Let's bring a with it to.
And let's run this with lifeSo.
Now, to give it a gradient, we can use the back down property.
So let's just use background and to give it a great value.
We will have to use media agreed to because we are designed billionaire driven right now.
So this living, breathing method, it accepts at least three botto meters.
So the first one is detection.
So let's say.
Right.
So we want everything to flow from left to right.
Then the next one is first color or the starting gate.
Let's say F eight, six, nine, unbe five.
Come up and let's give them a second or that ending.
So harsh.
Five, six, five, zero.
And d.
E.
Let's save it.
And as you can see here, we've got this great game with stocks from other Benkler in Stuart Blueish
for balance sheet.
And this is not half bank in half.
But look, it is like a smooth transition.
It goes from bank.
So we've got a 100 percent bank here.
And it keeps blending with bubble.
Well, here it's half and half, but it's smooth.
It's not a very sharp transition.
And then as you move into it's the right, you get this blue collar.
So this was linear on the direction was right.
Let's try something different.
So let's use our other live.
Let's say live do, let's just copy all this and let's face it here.
So instead of doing right, we can give.
The anger at Israel.
So we have to give ongoing degrees, let's say 45 degrees.
Let's save it.
As you can see, it's not very clear that the great aid is going diagonally to 45 degrees.
Just just because the wind is too high.
So let's reduce this, let's say, on suits.
And as you can see here, this grading is going from pink to purple, 45 degrees diagonally.
Let's give it a margin up just for a bit of separation.
That's a 48 pixels.
All right.
Similarly, you can change it to anything else you want.
Let's say there are three.
Just base to two, sort of 45 degree, you can have 90 degrees as well.
Ah, see, a hundred and eighty degrees.
And as you can see, it's moving from top to bottom.
So we've got this pink on the top, on blue at the bottom.
So just give it a try.
Use different angles, different colors and design ingredients that you like.
So moving on to the next one, which is radial gradient ingredient.
Great.
In the other, transition is so good, it looks like range of different colors.
Let's try an example to understand that.
Well, let's just go with this one.
Find all these and let's face this here.
Let's change the word to say 100 percent.
I pixels, pixels, and now instead of leaning ingredient, we will be using.
Radial gradient, so let's add that.
So we do a breeding function right now.
Let's just do it Tupelo's.
So let's say four eight, six, nine, five.
And the second color, five six five zero and DP.
That's later, and as you can see, there's this electical sort of structure in the center and it's
feeding outside and do so by default, it takes this electrical shoot, but we can change it to.
So for that, we can add another BOTTOMLY to human, say, Soko.
That's a lot.
Now, as you can see, the Greenan is circular, but it feeds all the way to the farthest edge we can.
Explicitly declared the position of having to ensure that the front end by the closest edge or the closest
Sayam.
So let's try.
So right after circlet, just give it a space and wait closest, save it.
Save it.
Now, as you can see, we've got this so good in the middle of the screen.
It also accepts three more of these.
So it sort of closes.
You can have.
For this site.
And as you can see, organics is crashing and feeding to us the edges.
Similarly, we can have the farthest corner, as you can see, it looks pretty much the same.
And then you've got closest to Gordon Taylor.
And as you can see, it looks pretty much the same.
And the reason these rallies aren't making any difference is because the weather is a hundred percent.
It's pretty big and a gradient.
It's starting from the center.
So by the time it reaches the edges, it feeds or by the time it reaches the Gardiners, it feeds.
So let's stretching the wind first since, you know, coming back under closing, let's say, doing
a big.
Similarly for this one, Vixen's David.
And as you can see, this is how the tools are scoring.
So let's starching do.
For this golden.
That charging you do for this side.
That's starting to close this site.
Now, let's try changing the position.
Some sort of disclosers and protest site.
That's right.
OK.
So we specified that.
So I saved up left.
Let's save it.
Now, as I can see, the center of our greeting is on the top left corner.
Similarly, say we wanted it to be up top.
Right.
So we got to change it to duplicate this.
That's all for today, guys.
If there's something that you did not understand.
Feel free to drop a comment and we will discuss it.
So you in the next video by Undig.