mirror of
https://github.com/DreamMaoMao/maomaowm.git
synced 2026-03-14 05:34:21 -04:00
108 lines
3.5 KiB
Markdown
108 lines
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) |
|