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

##


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cwicly.com/design/effects/general.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.