1 00:00:00,720 --> 00:00:04,200 OK, so what is a transition and how can we use it? 2 00:00:05,440 --> 00:00:13,340 Assesses transitions allowed to change property values smoothly over a given duration. 3 00:00:13,360 --> 00:00:19,360 So, once again, property values smoothly over a given duration. 4 00:00:19,990 --> 00:00:23,540 And what do I mean by property values were with height. 5 00:00:23,710 --> 00:00:26,410 You can see here with and height. 6 00:00:27,220 --> 00:00:30,910 Are a property, also, color is a property. 7 00:00:32,550 --> 00:00:39,840 And over time, because this takes time, so let's get back to our success and let's create a transition 8 00:00:39,840 --> 00:00:44,340 and for I'm going to take the iPad, this will affect all of my dates. 9 00:00:44,730 --> 00:00:47,990 But don't worry, we'll treat it each day individually. 10 00:00:48,360 --> 00:00:57,300 So let's give it a week of 100 percent, not one percent, 100 pixels, but at a height of one hundred 11 00:00:57,300 --> 00:00:57,810 pixels. 12 00:00:59,510 --> 00:01:04,310 XP and a pack color of red. 13 00:01:06,380 --> 00:01:07,610 So let's take a look at our. 14 00:01:08,180 --> 00:01:10,010 There they are all over this. 15 00:01:10,910 --> 00:01:14,240 So we would treating this first step right here. 16 00:01:16,690 --> 00:01:24,020 They also give the color of the tax code or a hash, this is basically a white collar. 17 00:01:25,090 --> 00:01:29,380 Now, first on that first transition, we will transition. 18 00:01:31,620 --> 00:01:32,070 With. 19 00:01:38,140 --> 00:01:40,490 With a duration of three seconds. 20 00:01:41,500 --> 00:01:49,720 OK, now let me go down here and this will only happen when I hover. 21 00:01:51,220 --> 00:01:59,260 OdaTV, and when I hover over the day, the Dave will change it will with four hundred pixels. 22 00:02:00,130 --> 00:02:02,740 Okay, so let's see what happens. 23 00:02:03,680 --> 00:02:04,850 Let's go over Divx. 24 00:02:04,890 --> 00:02:12,070 I can see the tech changes with within an interval of three seconds to 100 pixels from here to four 25 00:02:12,070 --> 00:02:12,910 hundred pixels. 26 00:02:13,000 --> 00:02:14,710 Not this effect takes. 27 00:02:15,190 --> 00:02:17,000 This takes effect for each and every day. 28 00:02:20,550 --> 00:02:23,760 Now, let's go back into Cyesis. 29 00:02:25,060 --> 00:02:31,360 And let's say I want to change to want to have a transition on the word. 30 00:02:34,590 --> 00:02:39,360 Of two seconds, karma on the right. 31 00:02:42,930 --> 00:02:46,810 Of seven seconds and seven seconds. 32 00:02:46,830 --> 00:02:48,630 A bit too much, five seconds. 33 00:02:49,840 --> 00:02:55,240 So let's go back to our d'Hiv and let's also change its height to 300 pixels. 34 00:02:56,230 --> 00:02:57,960 OK, now let's try this out. 35 00:02:58,090 --> 00:02:59,140 So let's hover over. 36 00:02:59,140 --> 00:03:02,670 Did it changes with in two seconds. 37 00:03:02,680 --> 00:03:03,910 Every two seconds. 38 00:03:03,910 --> 00:03:04,300 I have it. 39 00:03:04,930 --> 00:03:07,930 And it changes in its height in three seconds. 40 00:03:11,820 --> 00:03:14,240 OK, so pretty easy, isn't it? 41 00:03:15,480 --> 00:03:22,130 The last thing I want to do here is also change its background color to let's see green. 42 00:03:24,230 --> 00:03:25,250 Okay, nice try this. 43 00:03:25,250 --> 00:03:30,080 Up we go up here and that transition color. 44 00:03:31,990 --> 00:03:35,050 And they should take a say, seven seconds. 45 00:03:42,000 --> 00:03:42,330 Today. 46 00:03:47,560 --> 00:03:51,830 OK, so this pretty much for the introduction so soon, the next song by.