what is opacity in css3?

[binarynpixel]

Hi friends,
what is opacity in css3? let me help to know about it. please share your feedback.
Thanks.

[joomladeveloper]

Go through this link it may help you out: http://www.w3schools.com/cssref/css3_pr_opacity.asp

[UK AM]

Opacity means transparency to an element. Opacity will help to determine which level of transparency do you want to have?

For instant:

opacity: 1;

means your element will not have any transparency...

and Opacity : 0; will lead complete transparency. I.e. your element will not be visible.

You have to be careful when using Opacity. Because when you use opacity in a box, the elements inside it will all be associated with the parent opacity.

For eg:

<div class="box">
<p> some text here</p>
</div>

.box {
background: black;
opacity: 0.5;
}

p {
color: yellow;
opacity: 1;
}

If you do this even though p has opacity 1, it will still be 0.5 transparent... so to avoid this rgba values should be used...

.box {
background : rgba(0, 0, 0, 0.5);
}

p {
color: yellow;
}

[josephlimma]

<style>
div
{
background-color:red;
opacity:0.9;
filter:Alpha(opacity=50); /* IE8 and earlier */
}
</style>
<div>This element's opacity is 0.5! Note that both the text and the background-color are affected by the opacity level!</div>

[CodyDeegan]

http://www.w3schools.com/cssref/css3_pr_opacity.asp --- This link may help.

[kevin619]

One of the things that you can easily do in print design but not on the Web is overlay text on an image or colored background, and change the transparency of that image so that the text fades into the background. But there is a property in CSS3 that will allow you to change the opacity of your elements so that they fade in and out...

[webcreations]

The opacity property takes a value of the amount of transparency from 0.0 to 1.0. 0.0 is 100% transparent anything below that element will show completely through. 1.0 is 100% opaque nothing below the element will show through.

[naimerkallis]

Hope the following link will help you...CSS Opacity (http://www.corelangs.com/css/box/transparent.html)

Naimer

[Sherin]

opacity applies to the element as a whole, including its contents, even though the value is not inherited by child elements. Thus, the element and its children all have the same opacity relative to the element's background, even if they have different opacities relative to one another.

[jesica]

The opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.

[KWA]

The opacity property controls how opaque an element is on a scale of 0.0 to 1.0. The lower the value, the more transparent the element is.
You can choose up to what extent you want to make the element transparent. You have to add the following CSS property to achieve the transparency levels :
- Fully Opaque
- Semitransparent
- Fully transparent

[yuva12]

There is no CSS property background-opacity, but you can fake it by inserting a pseudo element with regular opacity the exact size of the element behind it.

[anirban09P]

what is opacity in css3?

[jesica]

The opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.