# General

Allows you to set general effect settings.

## Opacity

The Opacity property lets you specify the amount of opacity or transparency to apply to an element.

<details>

<summary>Modify</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the Opacity property
6. Enter or slide to set the desired Opacity value

</details>

<details>

<summary>Reset</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the Opacity property
6. Click dot to reset

</details>

## 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.

<details>

<summary>Modify</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the Blend Mode property
6. 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, luminosit&#x79;**)**

</details>

<details>

<summary>Remove</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the Blend Mode property to remove
6. Select dot to remove

</details>

## Cursor&#x20;

The Cursor property lets you choose the appearance of your cursor on any specific block.

<details>

<summary>Modify</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the Cursor property
6. Select the desired option from the dropdown

</details>

<details>

<summary>Remove</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the Cursor property to be removed
6. Click dot to remove

</details>

## User Select

CSS property allowing users to select, or not, text inside or part of the element.

<details>

<summary>Properties</summary>

***None***

***Auto***

***Text***

***Contain***

***Fill***

</details>

<details>

<summary>Modify</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the User Select property
6. Select the desired option from the dropdown (none, auto, text, contain, fill)

</details>

<details>

<summary>Remove</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the User Select property to remove
6. Click dot to remove

</details>

## Pointer Events

CSS property that specifies under what circumstances an element reacts to pointer events.

<details>

<summary>Properties</summary>

***None***

***Auto***

***Visible Painted***

***Visible Fill***

***Visible Stroke***

***Visible***

***Painted***

***Fill***

***Stroke***

***All***

</details>

<details>

<summary>Modify</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the Pointer Events property
6. Select the desired option from the dropdown(none, auto, visible painted, visible fill, visible stroke, visible, painted, fill, stroke, all)

</details>

<details>

<summary>Remove</summary>

1. Select a block
2. Open the Block Inspector
3. Navigate to the Design tab
4. Open the Effects tab
5. Find the Pointer Events property to remove
6. Click dot to remove

</details>

##