Opacity creates translucent interface elements. You can combine them into different visual effects using the block component.
Opacity foundations consist of a scale of styles that make interface elements more translucent. In some cases, a component will have an opacity applied to a background.
How to use opacity
Opacity makes UI interface elements more or less translucent. You can apply these elements to a block.
When using opacity, ensure important UI elements like text and icons are legible without compromising the aesthetic.