

Enabling Animations [#enabling-animations]

mangowm supports animations for both standard windows and layer shell surfaces (like bars and notifications).

```ini
animations=1
layer_animations=1
```

Animation Types [#animation-types]

You can define different animation styles for opening and closing windows and layer surfaces.

Available types: `slide`, `zoom`, `fade`, `none`.

```ini
animation_type_open=zoom
animation_type_close=slide
layer_animation_type_open=slide
layer_animation_type_close=slide
```

Fade Settings [#fade-settings]

Control the fade-in and fade-out effects for animations.

```ini
animation_fade_in=1
animation_fade_out=1
fadein_begin_opacity=0.5
fadeout_begin_opacity=0.5
```

* `animation_fade_in` — Enable fade-in effect (0: disable, 1: enable)
* `animation_fade_out` — Enable fade-out effect (0: disable, 1: enable)
* `fadein_begin_opacity` — Starting opacity for fade-in animations (0.0–1.0)
* `fadeout_begin_opacity` — Starting opacity for fade-out animations (0.0–1.0)

Zoom Settings [#zoom-settings]

Adjust the zoom ratios for zoom animations.

```ini
zoom_initial_ratio=0.4
zoom_end_ratio=0.8
```

* `zoom_initial_ratio` — Initial zoom ratio
* `zoom_end_ratio` — End zoom ratio

Durations [#durations]

Control the speed of animations (in milliseconds).

| Setting                    | Type    | Default | Description                                               |
| :------------------------- | :------ | :------ | :-------------------------------------------------------- |
| `animation_duration_move`  | integer | `500`   | Move animation duration (ms)                              |
| `animation_duration_open`  | integer | `400`   | Open animation duration (ms)                              |
| `animation_duration_tag`   | integer | `300`   | Tag animation duration (ms)                               |
| `animation_duration_close` | integer | `300`   | Close animation duration (ms)                             |
| `animation_duration_focus` | integer | `0`     | Focus change (opacity transition) animation duration (ms) |

```ini
animation_duration_move=500
animation_duration_open=400
animation_duration_tag=300
animation_duration_close=300
animation_duration_focus=0
```

Custom Bezier Curves [#custom-bezier-curves]

Bezier curves determine the "feel" of an animation (e.g., linear vs. bouncy). The format is `x1,y1,x2,y2`.

You can visualize and generate curve values using online tools like [cssportal.com](https://www.cssportal.com/css-cubic-bezier-generator/) or [easings.net](https://easings.net).

| Setting                      | Type   | Default              | Description                                              |
| :--------------------------- | :----- | :------------------- | :------------------------------------------------------- |
| `animation_curve_open`       | string | `0.46,1.0,0.29,0.99` | Open animation bezier curve                              |
| `animation_curve_move`       | string | `0.46,1.0,0.29,0.99` | Move animation bezier curve                              |
| `animation_curve_tag`        | string | `0.46,1.0,0.29,0.99` | Tag animation bezier curve                               |
| `animation_curve_close`      | string | `0.46,1.0,0.29,0.99` | Close animation bezier curve                             |
| `animation_curve_focus`      | string | `0.46,1.0,0.29,0.99` | Focus change (opacity transition) animation bezier curve |
| `animation_curve_opafadein`  | string | `0.46,1.0,0.29,0.99` | Open opacity animation bezier curve                      |
| `animation_curve_opafadeout` | string | `0.5,0.5,0.5,0.5`    | Close opacity animation bezier curve                     |

```ini
animation_curve_open=0.46,1.0,0.29,0.99
animation_curve_move=0.46,1.0,0.29,0.99
animation_curve_tag=0.46,1.0,0.29,0.99
animation_curve_close=0.46,1.0,0.29,0.99
animation_curve_focus=0.46,1.0,0.29,0.99
animation_curve_opafadein=0.46,1.0,0.29,0.99
animation_curve_opafadeout=0.5,0.5,0.5,0.5
```

Tag Animation Direction [#tag-animation-direction]

Control the direction of tag switch animations.

| Setting                   | Default | Description                                          |
| :------------------------ | :------ | :--------------------------------------------------- |
| `tag_animation_direction` | `1`     | Tag animation direction (1: horizontal, 0: vertical) |
