![]() ![]() For that what we will do here is, we will take the same image, that is there with us but we will give it an id. When we will mask the image, how is the output that we will get that we are going to see here. Here again after the original image, using a masking effect. I have intentionally used a light image in which there is a lighting effect. One is my Learnvern image and the 2nd one is the one I am going to use for masking. Let’s say we will take width, 200 pixels and height we will take 100 pixels, save. So, this is my Learnvern image and what is seen, the big one is my mask image. So, what I will do is, one image is Learnvern and the other image is images/mask.jpg, save. One is Learnvern and the other is an image named mask. So, let’s say 1st of all we will take h3. So, what we will do for this is that 1st of all we will show the images. For this we will name it masking image.html. So for that we will open the Sublime Text, example masking using image. In the second example we will perform masking through gradients. In the first example, we are going to perform masking with the help of a simple image. In total we are going to see two examples today. How is masking achieved? For that we have a mask image property whose help we can do masking. In the same way with the help of masking we can totally or partially hide the image. Like we had seen in opacity that we can slowly add transparency. Different optical level means we can completely mask or make it look light or lighter. ![]() Using masking it is possible to show or hide the parts of an image with different opacity levels. It's a graphical operation that can fully or partially hide the portion of an element or object that means a partial or complete portion of any element can be hidden through masking. Masking defines how to use an image for the graphical element as a Luminance or Alpha Mask means how we use one image to make another image transparent or light or to mask. The mask property in CSS is used to hide an element using the clipping or masking the image at specific points means we are clipping the image at a specific point or we are masking it with the help of some other element. In which we apply one image over the other or some other effect we apply and we mask the image. In the same way we have CSS masking property. Usually, a mask means that if we apply one face over our face. Our today's segment is about CSS Masking property. Guys I hope all the practical that we had done in the last practical, you have done all the practised all those practical on your own and checked. After that we had seen the radial gradient as well. We had seen Linear Gradient, left to right, top to bottom and diagonally as well. In our last segment we saw how we add gradients through CSS.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |