The Opacity property lets you specify the amount of opacity or transparency to apply to an element.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Find the Opacity property
Enter or slide to set the desired Opacity value
Reset
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Find the Opacity property
Click dot to reset
Blend Mode
The Blend Mode property defines how the block should blend with the background, such as inherit, normal, multiply, screen, overlay, darken, lighten, colour dodge, colour burn, hard light, soft light, difference, exclusion, hue, saturation, colour, luminosity.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Find the Blend Mode property
Select the desired option from the dropdown (nherit, normal, multiply, screen, overlay, darken, lighten, colour dodge, colour burn, hard light, soft light, difference, exclusion, hue, saturation, colour, luminosity)
Remove
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Find the Blend Mode property to remove
Select dot to remove
Cursor
The Cursor property lets you choose the appearance of your cursor on any specific block.
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Find the Cursor property
Select the desired option from the dropdown
Remove
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Find the Cursor property to be removed
Click dot to remove
User Select
CSS property allowing users to select, or not, text inside or part of the element.
Properties
None
Auto
Text
Contain
Fill
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Find the User Select property
Select the desired option from the dropdown (none, auto, text, contain, fill)
Remove
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Find the User Select property to remove
Click dot to remove
Pointer Events
CSS property that specifies under what circumstances an element reacts to pointer events.
Properties
None
Auto
Visible Painted
Visible Fill
Visible Stroke
Visible
Painted
Fill
Stroke
All
Modify
Select a block
Open the Block Inspector
Navigate to the Design tab
Open the Effects tab
Find the Pointer Events property
Select the desired option from the dropdown(none, auto, visible painted, visible fill, visible stroke, visible, painted, fill, stroke, all)
