So next, we will learn about a transition delay property, so sometimes we don't want this transition
to start from the get go.
We want to have a bit of delay before a transition starts and we can achieve this by using the delay
property.
Now, let's take Aunt Deb with the class of delay.
And let's give it a transition with transition width of three seconds.
Now, after a transition with you now type in transition and use that delay property and let's say we
were delayed with one second.
Now, when we hover over Dave
with a class of delay, we want it to change to, let's say, 500 pixels, let's see how it takes effect.
So we're going to.
What condition, delay property.
But I forgot to give it with.
So with 100 pixels.
And a height of 100 pixels that knows its initial starting point.
OK, let's go over it.
And let's try this again.
So it's in its initial position, and as soon as I hope it nothing happens, we'll wait one second and
then the transition starts.
Also something like five seconds.
This is just a bit more time consuming, but let's try it out one, two, three, four, five.
And I wanted to to quickly get this, we could also do something like milliseconds.
So half a second point, five seconds you could do is zero but don't have to point five is sufficient.
So we go over it and this will be very quick.
So take a look.
Two point five seconds and that and the transition starts.
I guess this pretty much it about the late season, the next one.