Questions tagged [opacity]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
40 views

Colormap that "stacks" in an additive way?

I would like to find a colormap so that images made with it are "additive" in opacity, or alpha channel, mix-blend-mode or some other similar way. So, when I "stack" the images ...
Him's user avatar
  • 5,315
0 votes
0 answers
5 views

scenepic library / change opacity of background

I am trying to use scenepic for some 3D animation. (It is some pendulum). When it swings to the 'background, the parts in the background disappear. I assume that the opacity of the background is too ...
Peter Stahlecker's user avatar
0 votes
1 answer
84 views

Blur Behind Bootstrap Tooltip

What I want: The area behind a tooltip is blurred: What I have The area behind the tooltip is not blurred: My Code Please see my jsFiddle for the full code: https://jsfiddle.net/heetertc/d8qw03jg/33/...
Travis Heeter's user avatar
0 votes
0 answers
20 views

How to make the content within a tab's div id appear on page visit, but fade away when necessary

I one last hurdle to my coding that is troubling me. On most codes I create, I use four tabs/buttons to separate sections of information. CSS: -tabs 2-4 use the same starting format as below- .TAB1 { ...
pigeoncodes's user avatar
0 votes
3 answers
95 views

How to render a field strength in SwiftUI

My app requires to render a field strength, i.e. the value of a function f(x,y) in a rectangle view. I know that I can render linear or radial gradients, see here, but I did not find a way to set the ...
Reinhard Männer's user avatar
-1 votes
0 answers
70 views

Create a semi transparent layout

I'd like to create a layout that consists of a semi-transparent QTableWidget like below: and on the top of it there is a also semi-transparent QLabel like: I've tried the following code: QWidget* ...
MulliGun77's user avatar
0 votes
2 answers
49 views

python plotly colorbar for opacity

I have a figure with multiple traces in it with different opacity and same color(green). The lines in my plot are overlapping, therefore I need some opacity of the lines, which than indicates another ...
J.S.'s user avatar
  • 13
0 votes
0 answers
13 views

How to change the opacity of the unselected points on a plotly scatterplot?

My code is below. I want to make it so that when I select a particular provider from the key, the points which weren't selected (i.e. the other providers) just fade slightly (i.e. the opacity is ...
Emma541's user avatar
1 vote
1 answer
40 views

Phaser Making a fade to black reaction, having trouble with repeating events

I'm trying to add a fade to black event to my game. It triggers after a certain dialogue is triggered, and causes the screen to fade to black and then switch to another scene. I started by creating a ...
EmptyStone's user avatar
0 votes
0 answers
18 views

Javascript: Save image from <canvas /> as png file and preserve canvas opacity

I use the following code to save canvas content as png image file to server storage: canvasEl.toBlob(blob => { const file = new File([blob], fileName); onImageUpload(file, fileName); }); ...
user19613101's user avatar
0 votes
1 answer
148 views

SwiftUI + iOS17 – Text animation issues with opacity applied

I am currently investigating an animation issue on iOS17 and discovered some behaviour different compared to iOS16 that I'm trying to understand. I've debugged this down to the fact that iOS17 behaves ...
BlackWolf's user avatar
  • 5,269
0 votes
0 answers
35 views

How do I add CSS hover effects to images layered on top of one another?

I'm trying to change the opacity of an image when I hover over it, but it only works on the topmost image. For context, I made an illustration in Procreate, then exported the individual layer files as ...
E. Kwak's user avatar
  • 33
0 votes
0 answers
38 views

How to create transparent pixels in a gif for BufferedImage, then save to a GIF file?

I have code that creates a simple 5x5 array of java.awt.Color, and then uses that to create a java.awt.image.BufferedImage. The edges of the array are an opaque color (alpha = 255) called o, while the ...
davidalayachew's user avatar
0 votes
1 answer
23 views

How not to give parent's css to child tag in NextJs and TailWindCSS

I have the following code: <div className="py-8 bg-black opacity-50"> <p className="text-white text-6xl text-center z-2 opacity-100"> Our Promise </p&...
Mohammad amin Piri's user avatar
0 votes
0 answers
16 views

changing opacity while scrolling in DOM

iam trying to start my page using opacity 0.1 and make it 1 while scrolling this is my html here i tried my best to design my divs to make it appear with 1 opacity once i scroll past it <div class=&...
Ezz Deghedy's user avatar
1 vote
0 answers
88 views

Random text showing on JButton when changing background to translucent color [duplicate]

If I change my JButton to have a translucent color (0 < alpha < 1), I get wonky results for my JButton text. package Paint; import javax.swing.*; import java.awt.*; import java.awt.image.*; ...
davidalayachew's user avatar
0 votes
0 answers
23 views

How swiftUI implement drop to make navigationbar and background opacity change

The ios files app for image detail view.When you drop down,the detail view image will scale and the navigationbar also the background opacity will change.Does any one have any idea if this feature can ...
user21257948's user avatar
0 votes
3 answers
70 views

How to set 100% opacity of this element?

I am beginner in Web Development and I'm creating my first site. I want to set the visible of class .maintitle (with text Jakub Poznanski) on 100% every time, but it's coliding with hover options for ...
Jakub Poznański's user avatar
0 votes
1 answer
91 views

Why are opacity wrapping my main content?

I want to have a background image in my main section. Then there will be an empty div below it. It will have an opacity of 0.8. Below that there will be a div that will contain my content and that ...
constobidullah's user avatar
0 votes
0 answers
19 views

How can I set the alpha value of lines connecting only certain points in my plotly.js scatter chart?

I posted this question over at the Plotly community forum here: https://community.plotly.com/t/how-can-i-set-the-alpha-value-of-lines-connecting-only-certain-points-in-my-plotly-js-scatter-chart/77810....
gib65's user avatar
  • 1,755
0 votes
2 answers
204 views

MUI set different opacity for Chip label/icon and background

I am trying to set on MUI Chip different opacity for label/icon and background. My goal is to create Chip with: label & icon opacity = 1, background opacity = 0.0571. Technologies in project: ...
Giga Gogosashvili's user avatar
0 votes
1 answer
21 views

I want that when I hover the mouse over one item of the items, the opacity of my other items will be reduced to 0.5. How can I do it?

I want that when I hover the mouse over one item of the items, the opacity of my other items will be reduced to 0.5. How can I do it? .service-item { padding: 50px 30px 40px; border: 1px solid ...
constobidullah's user avatar
0 votes
1 answer
29 views

opacity with CSS (if possible with Bootstrap v4)

I'm trying to get opacity to work on the cards but as far as I know I have to use CSS since BS v4 doesn't have it. In CSS opacity doesn't seem to be working. <div class="jumbotron big-banner&...
Bo Salinas's user avatar
0 votes
0 answers
32 views

Background color of pseudo-element not working on Firefox

I am testing a site I am working on, and find that the background-color of my footer pseudo-element is missing on Firefox. On Chrome it works fine. The element itself is a wrapper around my content, ...
Ken Lee's user avatar
1 vote
0 answers
34 views

How to apply opacity and blend mode at a time to images

I am using a Go package bild, to apply Opacity and different blend modes. I had to apply opacity and any other blend mode at a time to a foreground and background image. My problem is as the opacity ...
Barun Bhattacharjee's user avatar
1 vote
0 answers
35 views

RealityKit: Surface shader can't get opacity from the texture

I have a simple material with a texture that has transparency baked in (PNG file), this is the code that I did to load it : var triMat = SimpleMaterial(color: .orange, isMetallic: false) triMat....
foolinaroundz's user avatar
-1 votes
1 answer
167 views

R leaflet in Shiny, layer opacity controled by sliderInput

I am developing a shiny app with leaflet and several added polygons, and I want to control the polygons opacity with a sliderInput(). I have a working solution that restart addPolygons() when the ...
GaelS's user avatar
  • 650
0 votes
1 answer
50 views

How to change the opacity from overlaying sticky elements?

I'm new to coding, especially JavaScript, and ran into a problem that I just can't solve. I have a few elements (a,b,c,d,e,f,g) on the right side of my website. They are sticky and all stop at the ...
dreee's user avatar
  • 1
0 votes
2 answers
55 views

how to change window background opacity with xlib?

How to change window background opacity with xlib ? But dont change window foreground. Compositor have run and XServer support 32 depth and TrueColor. I have tried this: unsigned long opacity = (...
gsm's user avatar
  • 5
0 votes
2 answers
81 views

How can I change an inputs background opacity without affecting the text in React Native?

I want to change the opacity of an inputs backgroundColor to 0.5 while keeping the text of the input at 1. When I change the opacity of the background it also changes the text. How do I change only ...
Tony's user avatar
  • 71
1 vote
0 answers
35 views

SVG opacity versus fill-opacity performance [duplicate]

Why fill-opacity is better performance than opacity? I have a gridmap look like this https://codesandbox.io/s/github/holtzy/react-graph-gallery/tree/main/viz/HeatmapVaccination?from-embed When I try ...
Nghia Dang's user avatar
0 votes
0 answers
16 views

because button is white by default in python, png image background becomes white when I add png image

I added this button with "add command-response" in png format, but because the default color of the button is white, when I add a png image, its background becomes white. [I made the ...
Yusuf Aydın's user avatar
1 vote
1 answer
22 views

Navigation bar - CSS how to add opacity and hover on a pic next to a text

I've got this problem with my navigation bar menu. I'd like to get an effect for every bar item as appearing picture next to the bar item while clicking hover. So when I point the bar item it shows me ...
oliv's user avatar
  • 11
2 votes
2 answers
72 views

How can I make my background image fade in with the same transition as the rest of my webpage using CSS and HTML?

I have next code to make a fade transition but my background image load first and without fading? body { opacity: 0; transition: opacity 5s; } and then: <body onload="...
R Castañer's user avatar
0 votes
0 answers
20 views

How to have reduced opacity on parent element while maintaining full opacity on child elements [duplicate]

I have a banner, which depending on the chosen theme, can have a "blurred" effect: opacity: 50%; backdrop-filter: blur(50px); How can I ensure that the children of the banner element are ...
cts's user avatar
  • 946
1 vote
1 answer
209 views

Python-fu: How to batch process color-to-alpha and opacity threshold

I'm trying to batch process images in GIMP 2.10 using a Python-Fu script. The script should apply the following transformations to each image in a folder: color to alpha with RGB value (246, 246, 246)...
Neodoris's user avatar
0 votes
1 answer
203 views

Flutter Image fade out at the four edges (Gradient)

I want to apply a gradient into transparency at the four edges of an image in flutter. So it ends up blending with the background like this:
josue.0's user avatar
  • 793
0 votes
0 answers
182 views

How can I tell why a Recalculate Style takes so long?

I have a web application that is experiencing some lag when users click a button. The situation is this: We have a modal that starts with a hidden attribute, whose styles we overrode with opacity: 0 (...
Aaron Parisi's user avatar
0 votes
0 answers
288 views

Tailwind background image opacity transition

In my web page I'm trying to change give a div a background image using bg-[url('path')] I have a React component that has an array of objects, some of these objects have the property called color ...
NolbertoCastro's user avatar
0 votes
1 answer
28 views

JS animation seemingly not reset when style.animation is replaced

I have two <span> in some HTML code along with the following JS script : for(let i = 0; i < 2; i++){ document.head.prepend(document.createElement("style")) } const duration = 5 ...
Axel Carré's user avatar
0 votes
1 answer
38 views

Use opacity instead of .toggle method to partly hide a div instead of hiding it completely

I have the following function: // DIV scroller prev-next (jQuery) function updateItems(delta) { var $items = $('#group').children(); var $current = $items.filter('.current'); var index = $...
Maurice's user avatar
  • 1,147
0 votes
1 answer
41 views

Defining opacity when using Imagick::compositeImage in PHP

The problem is simple: I want to composite an image on another with opacity. $logo = createLogo($size); // returns Imagick object $image->compositeImage($logo, Imagick::COMPOSITE_ATOP, x, y, width, ...
Niko Suominen's user avatar
0 votes
0 answers
47 views

Unity shaderlab adding opacity to Shader effect

Just a heads up: I have very little experience with shader languages so please excuse if this is a trivial question. I got a SoftLight shader from this blog: https://www.elopezr.com/photoshop-blend-...
Raphael's user avatar
  • 1,046
0 votes
1 answer
128 views

transition opacity not working when loading page

I seem to have an issue with the opacity of my page pre-loader, when it loads, the page content shows in the back and is not hidden. I'm not sure what seem to be the issue, or is my code wrong? <...
NedhalM's user avatar
0 votes
0 answers
59 views

CSS button hover property partially broken after Javascript function is called

I am building a memory trainer web application. On one of my pages, I have a screen with two buttons with default opacity of 0.8, upon being hovered, they should grow in size and increase to an ...
Shane Frantz's user avatar
0 votes
2 answers
151 views

SwiftUI Button opacity within a list doesn't apply to its background

I have a button at the bottom of a screen inside a list. I can successfully hide the button text through opacity, however the background remains white as shown in the image. I'm trying to remove the ...
AvsBest's user avatar
  • 435
0 votes
0 answers
13 views

"transition: opacity 1s easy-in" (CSS) not being applied to div when setting opacity="1"; in JS [duplicate]

My main question: Why does the property "transition: opacity 1s easy-in" which i set in CSS for my div seem to not be applied when setting opacity to 1 in JS code? I want the div "...
Maarten -Monica for president's user avatar
-1 votes
1 answer
156 views

WPF XAML Binding Resources Opacity

I want to have several different SolidColorBrushes that are different colors, but should all have the same opacity (based off of the opacity that is returned by the converter in x:Name="numCol&...
javaturkey's user avatar
-1 votes
1 answer
98 views

WPF XAML Apply Opacity to Brush Only

I have read that for better performance, you should apply opacity to the foreground/background brush rather than the entire element. That is what I am trying to do, but I cannot figure it out. Here is ...
javaturkey's user avatar
0 votes
1 answer
43 views

WPF XAML IValueConverter Math Trouble

I have a converter bound to a datagridcell's opactity as such: <Setter Property="Opacity" Value="{Binding Number, Converter={StaticResource OpacityConverterKey}}" /> And here ...
javaturkey's user avatar

1
2 3 4 5
51