Questions tagged [opacity]
Opacity is the degree to which a graphical object obscures objects which are rendered behind it.
2,438
questions
0
votes
0
answers
6
views
Set Buildings Transparent in Google Maps
I am looking for a good way to set the buildings of a Google map to transparent.
On the map, the buildings should be set to transparent so the color of a raster data custom layer below can be seen ...
-1
votes
1
answer
31
views
What besides alpha am I doing wrong in trying to write to a canvas?
I am trying to draw on a canvas from an array of arrays that should initially be grey #808080. None of the permutations I am trying is changing that I have a full-screen canvas that is completely ...
-1
votes
1
answer
33
views
Why does transition opacity doesnt work with background images?
This is my full code. When you press the buttons the div class is changed with a different background and it should fade in smoothly instead it just appears. This doesnt happen if the background is a ...
0
votes
3
answers
29
views
How to make a widget opacity change gradually?
I don't really know if it's possible but I'd like to make a Widget, like a box with some text on it, to have the opacity going from 100% to 0% across it. Here is an example made on Photoshop :
Example
...
0
votes
0
answers
15
views
Flutter 3.0 Opacity Optimizations
In this Flutter 3.0 changes blog post, it’s noted that “We have further improved the performance of opacity animations in simple cases. In particular, when an Opacity widget contains only a single ...
0
votes
1
answer
42
views
Opacity reduction script does not working
I have a problem with a script that until recently worked, but now seems not to want to work.
I want to reduce the opacity of the green spheres when scrolling down, it seems to be working until ...
0
votes
0
answers
37
views
Get the color after opacity but dont make the component transparent
I am working on a project and I want it to get the transparent color but getting the color from the backend and make it rbga code and then setting the alpha parameter to 0.3. But making this the div I ...
0
votes
0
answers
21
views
Button opacity doesn't work. How i can replace it
Program can't execute.
My XAML:
<ToolBar x:Name="toolBar1" DockPanel.Dock="Top" >
<Button x:Name="cut2" ToolTip="Cut" >
<Image Source=...
0
votes
2
answers
35
views
Is there a way to make a completely transparent UIButton that works?
I've a custom UINavigationItem title view. It has a label pushed to the top of it, which I've enabled to respond to .touchDown and send an action.
However, the taps don't register near the top of the ...
0
votes
0
answers
20
views
Uber menu mouse over transparent
hope someone will be able to help me!
I am trying to sort out an uber menu and transparency/opacity issue
The menu is shown here at www.simtechracing.co.uk and I have also attached a screen shot. ...
0
votes
0
answers
20
views
Show HIDDEN element as slide down
I have a container, and two texts inside where one is hidden, that is display:none. I want that when I hover the container, the hidden text appears. Everything is working well, except that I want a ...
1
vote
0
answers
34
views
Opacity not aplying correctly on Brave browser
i am working on a website and i have a problem with an opacity transition on brave.
i have a navbar at the top and an overlay that gets darker when i hover the navbar items, the thing is that the ...
0
votes
0
answers
12
views
How to add a gradient over an image (not in background)? [duplicate]
I want to add opacity in the bottom of my images in a Carousel Bootstrap for a better reading of captions.
I managed to add the linear-gradient on a background-image, but not in the carousel... So, I ...
0
votes
0
answers
18
views
Convert Image Darkness to Transparency
I would like to know if there is an online tool which can allow me to turn the darkness of an image in to transparency, so the darker a pixel is in an image, the more transparent it becomes.
Context: ...
0
votes
2
answers
67
views
SwiftUI transition with opacity not showing
I'm still new to SwiftUI. I'm trying to get each change of an image to start out at opacity 0.0 (fully transparent), then increase to opacity 1.0 (fully opaque)
I expected I could achieve this using ...
-2
votes
1
answer
86
views
How to change opacity of a div on button click using JS? [closed]
I am trying to add a script to my HTML file that changes the opacity of a div when a button is clicked.
This is the HTML file
This is the CSS file
This is my function
Essentially what I'm trying to ...
0
votes
2
answers
26
views
'main' content is occasionally bleeding into footer (but only in staging)
switching a content pipeline away from wordpress.
everything is going well but there is a tiny difference that has to be simple but throwing everyone for a loop.
on this production page, when you ...
0
votes
0
answers
22
views
Opacity Or Alpha issue - Different Look in screen and while export in Photos in swift
Hierarchy Of View
===> CTStickerView(UIView) -> RefenceView(UIView) -> LabelMakingView(UIView) -> StackView(UIView) Having a Multiple Labels
When I try to apply a shadow and Opacity on the ...
5
votes
1
answer
72
views
Hide an html element if a css var is greater than some value
I'd like hide an element if a css var is greater than zero. I can get the inverse case to work:
#container {
display: flex;
width: 100%;
height: 30px;
border: 1px soild black;
}
.item {
...
0
votes
2
answers
54
views
Gradually show an image using Javascript with the CSS property opacity
I need some help with my code. The task is to show an image by using a button. But the image has to show gradually with the CSS property "opacity".
The image should start at opacity 0 and ...
0
votes
0
answers
18
views
Pygame create colored button using mask [duplicate]
I'm working on a pygame project and i need to create a button that changes color when hovered. I can't just use 2 images (one with the normal color and one with the hovered one) because i want to have ...
1
vote
1
answer
15
views
let the background-image opaque at the top red bar and transparent at the rest part down below
I want to let the background-image have an opacity: 1 (opaque) at the top red bar and opacity: 0.9 (transparent) at the rest part down below.
for now it is:
body {
font-family: sans-serif;
...
0
votes
6
answers
77
views
How to make opacity only for background? [duplicate]
I have a form and I need to add the background with opacity to that. Unfortunately opacity takes the form as well. How to remove opacity from the form and have it only for background?
.container {
...
1
vote
2
answers
48
views
changing opacity of certain items
I have created a column/box in html and there are certain images in it. I want to reduce the opacity of the column and images to be displayed at full opacity. But when I reduce the opacity of the box, ...
0
votes
1
answer
29
views
I am trying to reduce the opacity of certain objects but it is not working for me
I have a question that I have taken a column/box in HTML which includes certain images and text and when I try to reduce the opacity of that column it reduces the opacity of the images as well that ...
0
votes
1
answer
22
views
Losing opacity information when saving an animated scatterplot in python
Hi all I'm quite new to using python, and am currently running the following code to generate an animated scatterplot for my simulation:
import numpy as np
import matplotlib as mpl
import matplotlib....
0
votes
0
answers
31
views
Banding on object with Blend Mode: Color Dodge but not on Gradient Background
I've got a piece of artwork with a gradient background with no banding. On top of the background are a moon and stars I've I've colored yellow and used "color dodge" to blend over the ...
0
votes
0
answers
17
views
blink only div not inner html [duplicate]
Blinking only div not the inner html / text in pure CSS
Below code blinks everything:
.blinking {
animation: opacity 2s ease-in-out infinite;
opacity: 1;
}
.blue {
background-color: #0092dc;...
0
votes
0
answers
8
views
How might I progressively alter objects in an array?
I have an array of objects on a path and would like to progressively alter them. For example, I'd like the objects to blur and lose opacity as they get further down the path.
A solution I tried for ...
0
votes
0
answers
28
views
CSS Bug in Vimeo Player’s Text Track SPAN Element
I have submitted this post to gain some attention from Vimeo regarding this issue. It is apparent that there is no direct line for bug reports to Vimeo.
I have been using the Vimeo PHP API for many ...
1
vote
0
answers
748
views
Plotly line opacity with plotly.express
I am doing some line plots with plotly.express. As MWE we can consider any of the examples in the documentation, for example this one which is:
import plotly.express as px
df = px.data.gapminder()....
2
votes
1
answer
29
views
Google charts javascript : Stacked column, transparent color
Here is the stacked chart I have, I would like to be able to change the color of the session (here red) in transparent. Would you have an idea ? thanks.
And here is my code :
var data = google....
0
votes
3
answers
598
views
Bootstrap 5 background color is having opacity
I'm trying to create a OR divider, but in bootstrap 5 its not working correctly which is working properly in bootstrap 4. In my project bootstrap 5 is being used. Background color of text is having ...
-2
votes
1
answer
44
views
How to implement opacity compatible in both IE5 and IE11
I am trying to render a form with opacity = 0.5 & disable the actions of elements on a button click , it works well in IE11 but fails in IE 5 .
<script>
function opaqueForm(){
var form = ...
0
votes
1
answer
41
views
is it possible to make transparent box shows what's behind opaque background
I'm working on an image cropping project. I made an overlay above the image. and a moving transparent box above them all.
I need to show a part of the image through the moving transparent box, ...
0
votes
1
answer
40
views
fill a freehand drawing with opacity
I have a simple fuction which fills the drawn image if the user chooses to
canvas.on('mouse:up', function() {
if(main.mode == 'fill') {
var object = main.canvas.item(...
0
votes
0
answers
62
views
CSS opacity animation problem: performance/cache involved?
I am complete newbie in web design, nevertheless I am working on personal website with three.js animations. I made "loading page" that is hiding my scene before everything is set and ...
0
votes
0
answers
19
views
Need to hide lines only from intersected area of Square in BabylonJS
I have created a Squares using CreateLines and Lines using same method.
Now I want to remove line from the squares without cut the line (Line will remain the same size).
I want to remove only some ...
0
votes
2
answers
57
views
Why does SwiftUI opacity animation fail in Gesture's onEnded method?
As shown in the gif below, the second tap on the purple rectangle does not trigger the animation for the blue rectangle to fade in. Is this a Bug or an obscure Feature?
Thanks for your kind reply!
...
0
votes
1
answer
43
views
CSS transition opacity on elements with defined opacity
I have buttons with opacity 0 and I want to transition them to opacity 1 with delay. Some buttons have selected class (that gives them opacity: 0.35;). The problem is that when transition starts, ...
1
vote
0
answers
19
views
Searchable dropdown list goes behind the update panel when expanding
I have a dropdown list with search feature inside an update panel. But when expanding the dropdown list it goes behind the update panel as in the screenshot. Seems like it is because of the opacity (...
0
votes
1
answer
48
views
How do i fix issue where bottom border and background image dont touch
I'm working on a skeleton for an HTML email and I'm running into a blocker. I've been trying to add a background image to my code and have it directly touching the red border underneath the header, ...
2
votes
1
answer
44
views
`will-change: opacity` doesn't create new stacking context
in MDN web docs it is mentioned that stacking context is formed in these scenarios:
Element with a opacity value less than 1
Element with a will-change value specifying any property that would create ...
-3
votes
4
answers
91
views
Opacity with PHP [duplicate]
Is it possible to hide a part of website like DIV or any tag with opacity & z-index in PHP instead of CSS
CSS Code:
#unwantedposition{
opacity:0;
z-index:9999;
position:absolute;
}
...
1
vote
4
answers
626
views
Circular background on icon when is hover - CSS
I am practicing css, and I want to implement a very used effect, which is based on the fact that a background with opacity appears when the mouse cursor is passed over an icon.
Without effect
With ...
0
votes
0
answers
97
views
set opacity with scrolling jquery
I'm new to programming, and this is my first question here. I'm trying to write a javascript or jquery code that does this for me:
I have two div tags with IMG and p tag. I want to change these two ...
1
vote
0
answers
55
views
opacity: 0; implemented before transition-delay: 100s;
To reproduce issue, just click on the screen.
Mouse click on the black screen.
After I click on the black screen, the black becomes transparent.
Why is this happening, what is causing it to occur, and ...
0
votes
0
answers
26
views
Change opacity of the a tag using a:visited doesn't work [duplicate]
I want to change the opacity of the link that the users has visited to 0.5 instead of the default setting of changing the link from blue to purple.
Here is an example
a{
color: blue;
}
a:...
0
votes
0
answers
95
views
Flutter Interpolate Opacity when in range
I am trying to ascertain if there is a way of using interpolation instead of a more complex calculation and tertiary operator.
In this example there is a container that's opacity is determined based ...