1
00:00:01,210 --> 00:00:06,540
So next, we will learn about a transition delay property, so sometimes we don't want this transition

2
00:00:06,600 --> 00:00:08,500
to start from the get go.

3
00:00:08,520 --> 00:00:15,390
We want to have a bit of delay before a transition starts and we can achieve this by using the delay

4
00:00:15,660 --> 00:00:16,320
property.

5
00:00:16,620 --> 00:00:22,110
Now, let's take Aunt Deb with the class of delay.

6
00:00:25,760 --> 00:00:33,550
And let's give it a transition with transition width of three seconds.

7
00:00:34,590 --> 00:00:41,730
Now, after a transition with you now type in transition and use that delay property and let's say we

8
00:00:41,730 --> 00:00:43,680
were delayed with one second.

9
00:00:45,960 --> 00:00:49,110
Now, when we hover over Dave

10
00:00:52,110 --> 00:01:01,720
with a class of delay, we want it to change to, let's say, 500 pixels, let's see how it takes effect.

11
00:01:01,860 --> 00:01:03,150
So we're going to.

12
00:01:04,570 --> 00:01:06,580
What condition, delay property.

13
00:01:08,620 --> 00:01:10,040
But I forgot to give it with.

14
00:01:10,420 --> 00:01:14,530
So with 100 pixels.

15
00:01:16,170 --> 00:01:22,050
And a height of 100 pixels that knows its initial starting point.

16
00:01:23,040 --> 00:01:24,780
OK, let's go over it.

17
00:01:27,570 --> 00:01:28,590
And let's try this again.

18
00:01:31,470 --> 00:01:37,170
So it's in its initial position, and as soon as I hope it nothing happens, we'll wait one second and

19
00:01:37,170 --> 00:01:38,850
then the transition starts.

20
00:01:39,510 --> 00:01:42,510
Also something like five seconds.

21
00:01:43,900 --> 00:01:50,920
This is just a bit more time consuming, but let's try it out one, two, three, four, five.

22
00:01:50,920 --> 00:01:57,400
And I wanted to to quickly get this, we could also do something like milliseconds.

23
00:01:57,400 --> 00:02:04,630
So half a second point, five seconds you could do is zero but don't have to point five is sufficient.

24
00:02:05,710 --> 00:02:07,830
So we go over it and this will be very quick.

25
00:02:07,840 --> 00:02:08,530
So take a look.

26
00:02:09,740 --> 00:02:13,340
Two point five seconds and that and the transition starts.

27
00:02:15,720 --> 00:02:19,170
I guess this pretty much it about the late season, the next one.