What is meant by opacity in CSS? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 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?

6th Mar 2018, 2:46 AM
Thiru Arasu
Thiru Arasu - avatar
45 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.
6th Mar 2018, 2:49 AM
Tamra
Tamra - avatar
6th Mar 2018, 7:10 PM
Vukan
Vukan - avatar
+ 14
Opacity = "transparency" 100% = "completely solid text" 0% = "invisible" Hope so... it will help.... 😎 😎
6th Mar 2018, 2:49 PM
Vishal Sharma
Vishal Sharma - avatar
+ 13
yeah opacity:0 to opacity:1 ^^ 👍
6th Mar 2018, 7:54 PM
Maxımee
Maxımee - avatar
+ 10
I used opacity in my code, i like the look https://code.sololearn.com/Wd2UcbXrKtoy
6th Mar 2018, 8:47 PM
Crystal.kerosene
Crystal.kerosene - avatar
+ 8
Your is less technical, though. 😁 It makes sense!
6th Mar 2018, 2:52 AM
Tamra
Tamra - avatar
+ 6
It inversely means transparency of a color! If opacity is 100%, it is 0% transparent. If opacity is 0%, it is 100% transparent.
6th Mar 2018, 6:47 AM
Naveen Maurya
Naveen Maurya - avatar
+ 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.
6th Mar 2018, 2:49 AM
Jax
Jax - avatar
+ 5
Thank you all
6th Mar 2018, 6:08 AM
Thiru Arasu
Thiru Arasu - avatar
+ 4
Thanks @Tamra now my explanation looks terrible. 😂
6th Mar 2018, 2:50 AM
Jax
Jax - avatar
+ 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%
6th Mar 2018, 8:17 PM
JustCodeMore
JustCodeMore - avatar
+ 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 */ }
7th Mar 2018, 12:57 AM
Oluwaseun Shaydus Oni
Oluwaseun Shaydus Oni - avatar
+ 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
6th Mar 2018, 8:36 PM
Dicki Andrea
Dicki Andrea - avatar
+ 3
opacity means transperancy
12th Mar 2018, 5:39 PM
HET SHAH
HET SHAH - avatar
+ 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.
6th Mar 2018, 6:10 PM
Vikraant
+ 2
Makes it lighter. 0% means it is there but you cant see it. 100% means it is completely solid and easily visible.
7th Mar 2018, 12:56 AM
Bailey Designs
Bailey Designs - avatar
+ 2
Opacity 100 mean full and opacity 0 mean transparent lowest if you give opacity 50 the images transparent 50 of actual images
7th Mar 2018, 10:00 AM
MD. ARIFUL ISLAM
MD. ARIFUL ISLAM - avatar
+ 2
Opacity referes to how visible the element is, 100% is fully visible and 0% is invisible.
7th Mar 2018, 1:28 PM
Nathaniel Blackburn
Nathaniel Blackburn - avatar
+ 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.
10th Mar 2018, 3:59 PM
Bruh You Look Like A Giraffe
Bruh You Look Like A Giraffe - avatar
+ 2
opacity means transparency 0 = invisible 1= not visible
11th Mar 2018, 8:23 AM
Alok Mishra
Alok Mishra - avatar