mirror of
https://github.com/DreamMaoMao/maomaowm.git
synced 2026-03-14 05:34:21 -04:00
108 lines
No EOL
3.5 KiB
Markdown
108 lines
No EOL
3.5 KiB
Markdown
---
|
||
title: Animations
|
||
description: Configure smooth transitions for windows and layers.
|
||
---
|
||
|
||
## 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
|
||
|
||
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
|
||
|
||
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
|
||
|
||
Adjust the zoom ratios for zoom animations.
|
||
|
||
```ini
|
||
zoom_initial_ratio=0.3
|
||
zoom_end_ratio=0.8
|
||
```
|
||
|
||
- `zoom_initial_ratio` — Initial zoom ratio
|
||
- `zoom_end_ratio` — End zoom ratio
|
||
|
||
## 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
|
||
|
||
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
|
||
|
||
Control the direction of tag switch animations.
|
||
|
||
| Setting | Default | Description |
|
||
| :--- | :--- | :--- |
|
||
| `tag_animation_direction` | `1` | Tag animation direction (1: horizontal, 0: vertical) | |