opacity
opacity is a CSS property in the Background category. Sets the background colors, images, and visual effects. The syntax is opacity: <number> (0-1). A typical example: opacity: 0.5; It is commonly applied to markup such as <div class="demo">Sample</div> Browser support: Chrome 4+, Firefox 3.5+, Safari 3.1+, Edge 12+. A close relative is isolation, which sets the background colors, images, and visual effects. A close relative is background, which sets the background colors, images, and visual effects. A close relative is background-color, which sets the background colors, images, and visual effects. More about this category: CSS background properties for colors, images, and gradients. Related Background entries: isolation, background, background-color, background-image, background-size, background-position, background-repeat, background-attachment. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support.