Making a Div Tag Transparent
Hi everybody, we're going to look at making things see through. Normally referred to encode as alpha transparency opaqueness. You get what I mean? We're gonna go from this to this where it's a little bit see through or a lot see through. I'm going to show you now how to do it in. CSS All right to do the transparency, we're going to do it to this novel. Currently it is red. Let's first change it to a color will change it to black and so let's go to venus code. Let's find our nav. There he is there color. We're gonna type in black. We didn't really need to that first but make sure you save it all, preview it. Okay, There it is. It's black and we want to make it a little bit transparent. Okay, I kind of mentioned this earlier on but if you highlight the word black or just click in here, it's a little bit hard to get this thing activated. I find man you go eventually you can get this thing going now it doesn't really matter, you can make it black in here on the fly and what ends up happeni...
ng is if you pick a solid color, you get three options. Okay, red, green and blue at the moment. If they're all set to zero, that means you get black, you set them all to to 55, you get them all you know, but creates a white color. There is nothing to do what I'm going to say except that you can add 1/4 dimension. Okay, so over here, if I drag the slider down to say I'm kind of looking up here. Okay, that one there, see 000 and there's this new extra added option. Okay. And think of them as percentages if I go higher, look when I'm at solid one disappears, but if I come down .975, okay, it's like 97%. That's 50%. Okay, see through and getting right down here, it's like 10% opaque. 10% of peaks. Better explanation. So 10% color in it. 50% of color, 90% means it's almost completely black again, if I explain that okay, you drag it up and down, you'll work it out. All right, so I'm gonna have mine about 30% ish Okay. And you'll see there it is there, so 300.3 means it is 33% black. They're not very let's save it, let's test it. And so look there you go. Now if you're old school web design and you're using those hex to decimal numbers. Remember the hash we did them earlier on hash hash come on down you hash and I pick some random colors, you can't do alpha transparency with that. You have to use this thing called RgB A Okay, which is red, green, blue and alpha which is the see through a bit. All right. That is how to make something see through now. We've done it with a background color here in our nav but you could do it with type. Okay. You can make any color that you've applied to things um slightly opaque or lots of fake. Alright, that is it. I'll see you in the next video.