Beyond paint, the Styles section controls how an element composites and clips: opacity, mix-blend-mode, visibility, pointer-events, user-select, and overflow.
Where: Right sidebar → Styles (spine + “+”) — Select an element
Key ideas
- Opacity & blend: An opacity slider (0–1) and mix-blend-mode (normal/multiply/screen/overlay/…/luminosity) for compositing against what’s behind.
- Visibility & interaction: visibility (visible/hidden/collapse), pointer-events (auto/none/none for the whole tree), user-select.
- Overflow: overflow / overflow-x / overflow-y (visible/hidden/scroll/auto/clip) — clip children or enable scrolling.
Steps
- Open the Styles section.
- Drag the opacity slider or pick a blend mode.
- Add visibility/pointer-events/overflow rows with “+” when you need them.