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

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(main.canvas.getObjects().length-1); …
0
votes
2 answers

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! trying to toggle the opacity of the big blue…
Gwozi
  • 133
  • 5
0
votes
3 answers

Show a form in two different opacity

My situation is something like this. I have a form as frmPopup which has a panel as pnlCtrlHolder. I'll using this form a popup and display a third form as control in this panel. on form X. dim frm as frmPopup ''Set the properties for this…
Raj Jayaswal
  • 468
  • 1
  • 9
  • 22
0
votes
1 answer

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, these buttons with selected class are already…
Toniq
  • 4,492
  • 12
  • 50
  • 109
0
votes
2 answers

ie7 haslayout: -1 even with zoom: 1

I have anchors with text in them set to 0 opacity and positioned absolutely above images. I want them to partially show on hover with 0.6 opacity with a background color. In IE 7, the background is non-clickable. I have to hover where the text…
gavsiu
  • 757
  • 5
  • 9
  • 27
0
votes
1 answer

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, but there is an uncomfortable space between the two…
Lemon
  • 11
  • 3
0
votes
1 answer

How to accelerate WPF fade in/out animation

I implemented lightbox effect with window's opacity change whilst fading in/out. When I have my window maximized this effect has big delay or when I use duration property then opacity change is not smooth. I manage this eg. with like here: …
galsan
  • 63
  • 10
0
votes
0 answers

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 divs when the user scrolls the page. I want first…
0
votes
4 answers

jQuery: set opacity of entire element except on child?

I don't know if that is even possible… I have a div#branding inside of my header. The header has multiple other elements inside. I want all children of my header to have a opacity of 0.3 but NOT the #branding div. How can I achieve that? I tried…
matt
  • 42,713
  • 103
  • 264
  • 397
0
votes
3 answers

How to make custom rectangle shape with hex color of any color with opacity?

Is there any possibility to draw a rectangle shape with any hex color with opacity for that color for example blue_color_background.xml
0
votes
1 answer

Background Opacity

Is there a way to keep an element's background unaffected by opacity? I.E. I have an jquery accordion that when clicked/hovered the contents of the particular element(li) opacity changes causing you to see other elements beneath. I wondered if I…
Badplayer
  • 1
  • 2
0
votes
1 answer

why does the opacity transition not work and the Jobs component suddenly appears without opacity transition?

I made a toggle function that calls from the button and i dont understand why the Jobs component who receives the styles appears suddenly without without transitioning. I want that the opacity. I want the opacity to increase until the component…
Dieter
  • 13
  • 4
0
votes
1 answer

Is there a way to show a kind of tooltip with low opacity on hover in js or css?

I want it so that on the hover of "show", the iframe shows at half opacity, and on click it shows full, I have something like this; So when you x out of the iframe, and hover on the show more, it shows a little tooltip thing of the iframe that shows…
0
votes
1 answer

Flutter using ".withOpacity" leads to "the field is initialized with a non constant value"

I have an own class for my app-colors: import 'package:flutter/material.dart'; @immutable class AppColors { final objectRow=const Color(0xFFFFFFFF).withOpacity(0.5); const AppColors(); } If I don't use .withOpacity the constructor can be…
MCB
  • 503
  • 1
  • 8
  • 21
0
votes
1 answer

How to set text over element with background opacity 0.6?

.c{ display: flex; padding-top: 18em; .backgroundDiv{ background: url("/images/DSC8253.png"); background-repeat: no-repeat; background-size: cover; background-position: center center ; height:…