简体繁体中英

Changing the transparency of the background element with CSS

原文 2021-11-28 21:09:35 0 0 javascript/ html/ css/ svg/ canvas

Is is possible to achieve this effect using HTML and CSS?

The goal is to have an overlay with a specific opacity (say, rgb(0, 0, 0, 0.5) ), with the effect removed on intersections with children/sibling elements. The opposite effect is quite easy to achieve with background colors on the chosen elements, but is it possible to remove the background color on intersections? I have looked into mix-blend-mode CSS property, but the combinations that I've tried so far do not seem to achieve this effect.

If it's not possible to achieve in pure CSS, how can canvas or SVG be used to achieve this effect?

0 answers

CSS challenge: background image transparency on active

Change background transparency of a button css javascript

Efficient way of changing background color of an element in CSS3 or HTML5

Changing css background with javascript

Changing background in CSS and JS

Changing background of an element with scroll

Changing CSS element on selection

Changing CSS element

Darken background images with partial transparency using CSS/Javascript

Changing CSS inner Background color

暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question CSS challenge: background image transparency on active Change background transparency of a button css javascript Efficient way of changing background color of an element in CSS3 or HTML5 Changing css background with javascript Changing background in CSS and JS Changing background of an element with scroll Changing CSS element on selection Changing CSS element Darken background images with partial transparency using CSS/Javascript Changing CSS inner Background color

Related Tags