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
1 answer

OpenLayers Maker opacity independent to Icon

In OpenLayers can I make a Marker's opacity to be independent to its Icon's opacity ?
Sergiu
  • 2,502
  • 6
  • 35
  • 57
0
votes
0 answers

Opacity for stacked elements adds up to 1 but the result is still different

I have multiple images on top of each other. They are almost the same, only some parts are different. I want to make a transition effect between the two, so that the new parts appear and the old parts disappear, but most of the image (the static…
Tamás Sallai
  • 3,195
  • 1
  • 14
  • 25
0
votes
2 answers

Change opacity of glb 3D model with aframe

I am trying to make a web app where I can use world tracking to view a 3D model. I am trying to change the opacity of the model using the material property of the a-entity tag, however it does not seem to be working. any idea on how to change the…
NKhondaker
  • 3
  • 2
0
votes
3 answers

In Flutter, how would I place a caption like a overlay on a ClipArt?

Please, take a look at the attached screenshots. The left image is what I currently have. A ClipRect widget displaying a local image: return Container( margin: const EdgeInsets.symmetric(vertical: 5, horizontal: 10), width: 250, height: 350, …
Andrious Solutions
  • 706
  • 1
  • 7
  • 23
0
votes
1 answer

Apply class to form elements when form is disabled Angular - Ionic

im using Angular 9 + ionic. I have a condition that leaves my form as disabled, it works fine but the elements are very opaque and I need to decrease the opacity, for that I have a class to apply to the children elements of my form but apparently…
Alonso Contreras
  • 605
  • 2
  • 12
  • 29
0
votes
2 answers

How to change Opacity of button in conditional rendering in react native

I am new to react native. I have created a form. in which I am rendering some buttons according to server response. Now I want to set opacity of button 50% means. I want that button should look like its a disabled Now. SO is it possible if yes then…
user14877357
0
votes
1 answer

How Chrome calculate transparency color?

I've been trying to understand how Chrome calculate transparency color in whole day. And also I've seen same linear interpolation alpha * forground_color + (1 - alpha) * background_color formula thousand times on the internet. It works if…
jeefo
  • 164
  • 1
  • 12
0
votes
2 answers

Adding opacity layer to all slider images except the selected image

I have an IosSlider that works great however I would like to add opacity to all the images except the selected image. This will highlight the selected image more and allow users to focus on just one image at a time. Here is my javascript for the…
Jill Mark
  • 9
  • 3
0
votes
2 answers

SVG Opacity Image keeps popping up after fade

I have this code that's being used to fade an image off then…
TheZoomieZoom
  • 1
0
votes
1 answer

Merging Images using GD with PHP

i'm working on creating one PNG image from two others. Image A and B have the same dimensions, they are both 200x400px. The final image the same. I'm using the GD library with PHP. So my idea was to create a PNG-24 from my original PNG-8, then use…
Fernando Gabrieli
  • 980
  • 3
  • 15
  • 31
0
votes
1 answer

How to reduce opacity as scroll position increases

If you saw the awful title and still wanted to help answer this, thank you so much. I got inspired by this website marussiabeverages.com to try manipulating some CSS based on scroll position. Just like the site, I want to fade a fixed background out…
Kyle Ulman
  • 1
  • 1
0
votes
1 answer

Create background for textView with an alpha opacity

I have a Textview with a background drawable. I want to add the alpha option but I want to set it only in the background and not affect the opacity of the text itself.
james04
  • 1,580
  • 2
  • 20
  • 46
0
votes
2 answers

how to change the opacity of the top image layer with css?

I have an image with 2 states: normal state with black and white and hover state with colors, in photoshop I've made 2 layers: background layer and top layer, I want the background layer to be shown as normal state and when hovering it shows the top…
ARDV
  • 3
  • 2
0
votes
2 answers

How to fix an issue with background-image opacity causing text to be unreadable?

I have problem with background. I want same like in screenshot 1, But I get like in screenshot 2. Where is the problem? html, body, .bg-for-1 { height: 100%; } .bg-for-1 { background: black; } .bg-for-1 .first { position: absolute; …
Arturs Golis
  • 29
  • 4
0
votes
0 answers

CSS - Improve opacity animation performance in conic gradient

I have a CSS animation that has terrible performance if it's size is large, about 800px X 800px or more, the animation can only be run in newest versions of Chrome or Edge. See example code. If example is not slow enough add more circles or increase…
user5507535
  • 1,580
  • 1
  • 18
  • 39
1 2 3
…
99 100