WEBVTT FILE





1
00:00:07.220 --> 00:00:14.969
in this video we're going to learn how to set image opacity so let's just

2
00:00:14.969 --> 00:00:18.320
change the title for this okay so let's create a couple of images

3
00:00:26.210 --> 00:00:40.590
so first one let's give it a class of image one and let's say the source to

4
00:00:40.590 --> 00:00:50.550
image is a picture JPEG and let's create another image it's give it a class of

5
00:00:50.550 --> 00:01:00.840
image two and same source let's title these two images so the

6
00:01:00.840 --> 00:01:17.850
first one let's give it a width of 200 pixels and the height of 150 pixels now

7
00:01:17.850 --> 00:01:24.060
we're going to define the opacity of this picture by using the opacity

8
00:01:24.060 --> 00:01:34.280
property and we can use any value between 0 and 1 so you're gonna go for

9
00:01:34.280 --> 00:01:48.110
0.4 or this one and let's set a margin right of 30 pixels okay let's go to the

10
00:01:48.110 --> 00:01:53.270
second class

11
00:02:04.570 --> 00:02:22.000
image two and let's set the width and height as well the same values and this

12
00:02:22.000 --> 00:02:31.540
time let's set the opacity to one so now we can see how the first picture

13
00:02:31.540 --> 00:02:39.190
compares to the second picture so by having a low opacity we can see that's

14
00:02:39.190 --> 00:02:46.770
the first picture is transparent compared to the second picture