Questions tagged [opacity]
Opacity is the degree to which a graphical object obscures objects which are rendered behind it.
2,517
questions
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 ...
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 ...
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/...
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 {
...
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 ...
-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* ...
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 ...
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 ...
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 ...
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);
});
...
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 ...
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 ...
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 ...
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&...
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=&...
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.*;
...
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 ...
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 ...
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 ...
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....
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: ...
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 ...
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&...
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, ...
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 ...
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....
-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 ...
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 ...
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 = (...
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 ...
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 ...
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 ...
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 ...
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="...
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 ...
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)...
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:
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 (...
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 ...
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
...
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 = $...
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, ...
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-...
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?
<...
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 ...
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 ...
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 "...
-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&...
-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 ...
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 ...