fill-opacity
fill-opacity is a CSS property in the UI category. Manages user interface behavior, cursors, and interaction. The syntax is fill-opacity: <number>. A typical example: fill-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 pointer-events, which manages user interface behavior, cursors, and interaction. A close relative is cursor, which manages user interface behavior, cursors, and interaction. A close relative is user-select, which manages user interface behavior, cursors, and interaction. More about this category: CSS UI properties for appearance, outlines, and user interface elements. Related UI entries: pointer-events, cursor, user-select, appearance, scroll-behavior, scrollbar-width, scroll-snap-type, overscroll-behavior. 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. You can look up any other entry from the search page or return to the CSS Reference homepage.