Create a White Rgba / Css3
I'm Customizing a Plugin That Uses Css3'S Rgba Throughout, I'm Trying to Figure out How to Toggle It for It to Render White with the Opacity. at Default It's...
I'm customizing a plugin that uses css3's rgba throughout, I'm trying to figure out how to toggle it for it to render white with the opacity. At default it's near the shade of #333, and my attempts area leading it to blue or brown. Whats the white customization numbers? below is what I'm using?
background:rgba(255,255,255, 0.3);
3 Answers
The code you have is a white with low opacity.
If something white with a low opacity is above something black, you end up with a lighter shade of gray. Above red? Lighter red, etc. That is how opacity works.
Here is a simple demo.
If you want it to look 'more white', make it less opaque:
background:rgba(255,255,255, 0.9);
For completely transparent color, use:
rbga(255,255,255,0)
A little more visible:
rbga(255,255,255,.3)
I believe
rgba( 0, 0, 0, 0.8 )
is equivalent in shade with #333.
Live demo: