+ 25
What is meant by opacity in CSS?
currently I have been learning CSS in SoloLearn. I had seen a term opacity. could anyone clear me this?
46 Answers
+ 46
Opacity refers to how transparent or see-through something is. 100% opacity means completely solid (cannot see anything behind it), 0% means completely transparent (it's invisible), any other values mean partially seethrough.
+ 14
Opacity = "transparency"
100% = "completely solid text"
0% = "invisible"
Hope so... it will help.... 😎 😎
+ 13
yeah opacity:0
to opacity:1
^^ 👍
+ 10
I used opacity in my code, i like the look https://code.sololearn.com/Wd2UcbXrKtoy
+ 8
Your is less technical, though. 😁 It makes sense!
+ 6
It inversely means transparency of a color!
If opacity is 100%, it is 0% transparent.
If opacity is 0%, it is 100% transparent.
+ 5
Opacity usually signifies how it looks, like it may have a low opacity and look like a drop of dye mixed with water, or if it has a high opacity, it would look just like the dye, thick and solid color. Hope this helps.
+ 5
Thank you all
+ 4
Thanks @Tamra now my explanation looks terrible. 😂
+ 4
it is how visible something is, 1 means completely apaque while 0 is just invisible. value ranges either from 0 to 1 or from 0% to 100%
+ 4
img {
opacity: 0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}
img:hover {
opacity: 1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
+ 3
Opacity refers to set how you can see something. That set, level the transparency. 1 opacity means 100% transparent so you cannot see the object and 0 is mean 0% transparent so you can see behind it
+ 3
opacity
means transperancy
+ 2
opacity means state of element . that is visible or invisible.
can be defined from 0 to 1.
0 value stand for invisible element and 1 stand for visible.
opacity same as transparency.
+ 2
Makes it lighter. 0% means it is there but you cant see it. 100% means it is completely solid and easily visible.
+ 2
Opacity 100 mean full and opacity 0 mean transparent lowest if you give opacity 50 the images transparent 50 of actual images
+ 2
Opacity referes to how visible the element is, 100% is fully visible and 0% is invisible.
+ 2
Opacity is the amount that something is transparent, 100% being solid - can't see through, 0% being invisible - can't see whatever you are changing the opacity of.
+ 2
opacity means transparency
0 = invisible
1= not visible