Stack Overflow
Stack Overflow

Questions tagged [opacity]

Opacity is the degree to which a graphical object obscures objects which are rendered behind it.

Graphical objects which have a level of opacity less than 100% can be "seen through". The objects which are rendered behind are blended with the object in front; the resulting effect being like looking through a pane of coloured glass.

Opacity appears as an attribute in many graphical contexts, including [3D rendering], and Web Styling.

Opacity is the opposite of .

See also:

2509 questions
0
votes
0 answers

CSS linear-gradient for opacity?

I'm trying to make the top 20% of a dynamically sized UL fade its alpha in a linear gradient. Eg, something like this: For that image I'm just using a black background for simplicity, but the actual background will be a varied texture and the UL…
1337ingDisorder
  • 821
  • 1
  • 6
  • 17
0
votes
2 answers

Is it possible to show HTA with transparent background

I want to create/open a window with transparent background. I want to know for: Using semi-transparent images Rounded corners I want to see the desktop behind the app Fading the app in and out Is it possible to show HTA with transparent…
user11714941
  • 11
  • 1
0
votes
1 answer

how to use fillOpacity below to PlotLine in highchart?

I am using the below code to plot a line parallel to x-axis chart.yAxis[0].addPlotLine({ color: "#7cb5ec", id: "plotline", value: 700, width: 1, }); please check the below screenshot. But I want to fill the area below the line i.e. as in…
Benk I
  • 185
  • 13
0
votes
1 answer

Scrollbar is disappearing/reappearing when element changes opacity in Chrome

I have a div called img-with-overlay that contains a static-positioned image and an absolute-positioned overlay. When img-with-overlay is hovered over, the overlay goes from 0 opacity to 1. An unintended side-effect of this is that the vertical…
swinn
  • 869
  • 1
  • 16
  • 46
0
votes
1 answer

Change background image opacity on hover in angular and scss

i have angular component with dynamic background-image fetched from server:
join group
Zaben
  • 117
  • 8
0
votes
1 answer

CSS to emulate the fade of opacity without actually reducing opacity?

Can this be done? Would I be wasting precious time even trying to string filters together in such a way as to emulate this, such as via CSS filters? Similar questions I saw are filled with answers over half a decade old.
Slbox
  • 10,957
  • 15
  • 54
  • 106
0
votes
1 answer

Change opacity of image using input slider. JQuery

I am trying to change the image opacity using the -webkit-filter in jquery. What my code is doing here is it gets the value from the input type= range and based on that value it change the opacity if the image: $(document).on('input change',…
Zuffido
  • 104
  • 1
  • 11
0
votes
1 answer

Fade out while scrolling "not smooth" / "stuttering"

I wrote a small jquery code which fades out an overlay by changing the opacity while scrolling down. I thought everything was working fine, but unfortunately on some, obviously older, PCs the fade effect isn't smooth and stutters. However on my PC…
Christian
  • 63
  • 9
0
votes
1 answer

How to set transparency effects for backcolor property in vb.net

I am developing a desktop app using vb.net in Visual Studio 2019. At some point I ask the user to choose the background color of the label they want to create. In the code everything works fine, but when the user chooses a semi-transparent…
Mohamde amine Karek
  • 1
  • 6
0
votes
1 answer

Is it possible to prevent the opacity of HTML elements from affecting the opacity of the TAB helpers?

(I wrote "tab helpers" in the title, which I guess is an invented terminology. Please, correct me.) In the snippet below there's two checkboxes, one of which has opacity reduced to 20%. .checkbox1 { opacity: 100%; } .checkbox2 { opacity:…
Enlico
  • 23,259
  • 6
  • 48
  • 102
0
votes
1 answer

How to keep text opacity 100% with a lower background opacity, while ALSO applying hover

So basically I have 4 links styled as buttons. I have the hover effect applied in my CSS the way I want it, though the text is inheriting the opacity. I want to prevent this, and on hover the only thing thing that changes in opacity is the…
gears244
  • 63
  • 1
  • 6
0
votes
1 answer

How to find a single RGB and opacity value from RGB values of a view against black and white backgrounds

I want to build a keyboard extension which looks similar to iPhone's native keyboard in both dark and light mode. However, I have a hard time finding the RGB and opacity values of keyboard keys that match iOS keyboard against both black and white…
ibayramli
  • 71
  • 5
0
votes
2 answers

Why does the opacity not work when I hover over the square?

When I hover over the square, I want the text "MENU" to go and "Google" and "Youtube" to appear. I gave the opacity value for it. "MENU" text disappears but other texts are not visible. Why is Youtube and Google text not showing? I gave visibility:…
Champion
  • 1
  • 1
0
votes
1 answer

div background opacity change continuously using jquery

I want to change div background opacity to 100% to 0% and again 0% to 100% continuously. How would I go about doing this with jQuery? Here is the markup and CSS I have now. HTML
CSS #sample_div{ width:300px; …
Sasindu H
  • 1,538
  • 7
  • 24
  • 43
0
votes
1 answer

CSS transition is jumpy on opacity fade out

I'm working on a breadcrumb menu that has a link appear all the way to the right once the menu becomes sticky to let users scroll back up to the top of the page. The breadcrumb
liquidRock
  • 327
  • 2
  • 12
1 2 3
…
99 100