1 00:00:00,960 --> 00:00:08,430 OK, and now we can just talk about the shadow, what is the book's shadow? 2 00:00:08,670 --> 00:00:13,230 Let's say that I not here to add something which is different from the. 3 00:00:13,710 --> 00:00:20,730 I want to add a shadow which can make the list cheap to be similar to the 3D shape. 4 00:00:21,030 --> 00:00:22,860 So let's start with that. 5 00:00:23,820 --> 00:00:27,950 We can go here and create a new one. 6 00:00:28,410 --> 00:00:32,640 We can just give it a class of another three. 7 00:00:33,000 --> 00:00:43,110 And after this part here, we can just go to the S and add some styling function for the other three. 8 00:00:43,440 --> 00:00:45,900 And here we can just type. 9 00:00:47,010 --> 00:00:57,230 Yes, phone five of pixels and we can give it a background of color, all white or just like it. 10 00:00:57,300 --> 00:01:03,170 OK, and order five pixels solid red. 11 00:01:03,870 --> 00:01:05,610 We didn't type anything was fine. 12 00:01:05,610 --> 00:01:09,030 We can jump type here another three. 13 00:01:09,330 --> 00:01:11,900 Let's go to the web page and reload. 14 00:01:12,180 --> 00:01:24,240 Now we got this, uh, let's make this to be text center text a line of center or we can just control 15 00:01:24,240 --> 00:01:26,720 the width of the 53 W. 16 00:01:29,010 --> 00:01:30,030 OK, that's good. 17 00:01:30,210 --> 00:01:36,420 In order to get it here, we will learn something which is called Justified Content Center, but not 18 00:01:36,420 --> 00:01:36,900 now. 19 00:01:38,010 --> 00:01:46,080 OK, so now we got this let's start to the schedule after the border here, we can add a property which 20 00:01:46,080 --> 00:01:48,510 is called the Shadow. 21 00:01:49,770 --> 00:01:56,550 And for the shadow, we will need to set very long or the width for each direction. 22 00:01:56,730 --> 00:02:02,700 We can make five pixels and eight pixels and now we can get a color. 23 00:02:04,380 --> 00:02:05,370 Let's reload. 24 00:02:05,670 --> 00:02:06,870 Now we got this cheap. 25 00:02:07,500 --> 00:02:11,880 What is the five pixels and what is eight pixels? 26 00:02:12,120 --> 00:02:14,710 Let's try to make this one pixels. 27 00:02:15,960 --> 00:02:21,210 So now this is where the right side of the box shadows. 28 00:02:21,360 --> 00:02:25,660 So the first one is controlling the right side of the shadow. 29 00:02:25,980 --> 00:02:36,060 And if I type light again, this would be this will be taken to spark and for the eight pixels for the 30 00:02:36,060 --> 00:02:38,190 person, we can make it 15. 31 00:02:38,190 --> 00:02:39,670 Then we got this longer. 32 00:02:40,680 --> 00:02:43,560 Let's just get it into eight pixels. 33 00:02:44,640 --> 00:02:46,230 OK, that's good. 34 00:02:46,620 --> 00:02:55,340 And after this part, what we can do is to add more scientists into this book so we can make a game 35 00:02:55,350 --> 00:02:56,880 like this to be pretty big. 36 00:02:56,890 --> 00:02:59,570 So let's go and reload. 37 00:03:00,210 --> 00:03:01,300 Now we got this cheap. 38 00:03:01,800 --> 00:03:05,910 This is the most shape I like for this book, Shadow. 39 00:03:06,840 --> 00:03:07,960 Can we play more? 40 00:03:08,670 --> 00:03:14,430 Let's try to add for to because now we got this. 41 00:03:14,760 --> 00:03:16,650 Let's just make it five pixels. 42 00:03:16,650 --> 00:03:17,410 It's very big. 43 00:03:18,810 --> 00:03:21,420 No big, big shadow. 44 00:03:21,720 --> 00:03:25,440 And now we know how to deal with the shadow. 45 00:03:25,650 --> 00:03:29,690 Let's just apply for one more time. 46 00:03:30,180 --> 00:03:32,990 We can also apply for the Hoover. 47 00:03:34,170 --> 00:03:37,980 So let's try to apply for a Hoover function. 48 00:03:38,310 --> 00:03:46,470 We can just make Putin with class of the breeze or we can make it for the actors, whatever you want. 49 00:03:46,830 --> 00:03:56,430 And inside here, we can jump all over me for those shadow function, 50 00:03:59,440 --> 00:04:00,290 just function. 51 00:04:00,600 --> 00:04:09,750 And now when we go and reload, now we got this chamber, OK, we can just go here and add something 52 00:04:09,750 --> 00:04:15,450 which is, uh, that put in theory. 53 00:04:16,770 --> 00:04:23,460 And then inside here we can give it a full size of the background color. 54 00:04:24,720 --> 00:04:25,530 What do you think? 55 00:04:26,520 --> 00:04:28,970 We just need to make a black because black will not. 56 00:04:29,520 --> 00:04:32,070 OK, let's just make a plug and we can make it. 57 00:04:32,080 --> 00:04:35,070 Look, Shirota, before the red color. 58 00:04:36,280 --> 00:04:42,880 And of one, let's go and see what we have right now. 59 00:04:43,560 --> 00:04:44,620 OK, that's good. 60 00:04:45,610 --> 00:04:51,550 Me just make them with me for 30 or 50 percent in a way. 61 00:04:52,310 --> 00:04:53,660 OK, that's perfect. 62 00:04:54,070 --> 00:05:03,990 And after this part, let's go and deal with the shadow for the Hoeber we can make here. 63 00:05:04,000 --> 00:05:09,820 Put in three bucks for the four and five year. 64 00:05:09,820 --> 00:05:14,860 We can give shuto five pixels, eight pixels. 65 00:05:15,430 --> 00:05:18,060 And this to be for the raptor. 66 00:05:18,340 --> 00:05:21,790 Better save and go back to our white powder. 67 00:05:21,910 --> 00:05:22,570 Reload. 68 00:05:23,260 --> 00:05:24,820 Now we got this for the hover. 69 00:05:25,600 --> 00:05:31,510 We can play gain for five pixels when we go back and reload. 70 00:05:31,840 --> 00:05:38,770 Now we get this whole function and again, we can apply this to be because I think 15 will be taking 71 00:05:38,770 --> 00:05:39,820 this to this direction. 72 00:05:39,830 --> 00:05:41,770 So it will be much better. 73 00:05:42,520 --> 00:05:48,970 So now we got this and the last direction we can make for the top five pixels. 74 00:05:50,380 --> 00:05:52,150 OK, and then we got this. 75 00:05:52,480 --> 00:05:57,870 If you wish to add more, we can just add from here or we can delete anything you want. 76 00:05:57,880 --> 00:05:59,330 We can do 15. 77 00:06:00,370 --> 00:06:04,360 We can make any shuttle you want, but this is not very good. 78 00:06:04,900 --> 00:06:07,110 So let's just try to make it eight. 79 00:06:07,750 --> 00:06:10,230 No, what about this five. 80 00:06:11,920 --> 00:06:14,650 And we're about five again here. 81 00:06:15,670 --> 00:06:20,980 Let's just try to make a no thank you. 82 00:06:23,260 --> 00:06:24,160 OK, that's good. 83 00:06:24,490 --> 00:06:25,930 We're doing it anymore. 84 00:06:26,890 --> 00:06:27,600 We're Gianni's. 85 00:06:28,090 --> 00:06:37,750 OK, this is the shadow and the next video we can just talk about the padding and the margin. 86 00:06:37,750 --> 00:06:39,640 So good luck and have fun.