hyprwm/hyprland-wiki
1
0
Fork 0
mirror of https://github.com/hyprwm/hyprland-wiki.git synced 2024-11-02 03:45:57 +01:00
Code Issues Projects Releases Packages Wiki Activity

Animations: More info, more syntax!

Browse source 
* Add easings.net as reference for already made and well-known beizers
* General syntax & grammar changes
This commit is contained in:
Antonino Scordino 2022-10-19 16:12:57 +02:00
parent 72ae38bc52
commit df7c16f2bd
No known key found for this signature in database
GPG key ID: F20FDE4C896FC2CB
1 changed files with 16 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
pages/Configuring/Animations.md
View file

@ -14,25 +14,27 @@ or
animation=NAME,ONOFF,SPEED,CURVE animation=NAME,ONOFF,SPEED,CURVE
``` ```
for example:
```ini
animation=workspaces,1,8,default
animation=windows,1,10,myepiccurve,slide
```
`ONOFF` can be either 0 or 1, 0 to disable, 1 to enable. `ONOFF` can be either 0 or 1, 0 to disable, 1 to enable.
`SPEED` is the amount of ds (1ds = 100ms) the animation will take `SPEED` is the amount of ds (1ds = 100ms) the animation will take
`CURVE` is the bezier curve name, see [curves](#curves). `CURVE` is the bezier curve name, see [curves](#curves).
`STYLE` (optional) is the animation style `STYLE` is the animation style
All the parameters are required, exepct the `STYLE` one.
The animations are a tree. If an animation is unset, it will inherit its The animations are a tree. If an animation is unset, it will inherit its
parent's values. parent's values.
_Animation tree:_ ### Examples
```ini
animation=workspaces,1,8,default
animation=windows,1,10,myepiccurve,slide
```
## Animation tree
``` ```
global global
@ -51,7 +53,7 @@ global
↳ specialWorkspace - styles: same as workspaces ↳ specialWorkspace - styles: same as workspaces
``` ```
## Extras ### Extras
For animation style `popin` in `windows`, you can specify a minimum percentage For animation style `popin` in `windows`, you can specify a minimum percentage
to start from. For example: to start from. For example:
@ -62,7 +64,7 @@ animation=windows,1,8,default,popin 80%
will make the animation 80% -> 100% of the size. will make the animation 80% -> 100% of the size.
## Curves ### Curves
Defining your own Bezier curve can be done with the `bezier` keyword: Defining your own Bezier curve can be done with the `bezier` keyword:
@ -72,9 +74,10 @@ bezier=NAME,X0,Y0,X1,Y1
where `NAME` is the name, and the rest are two points for the Cubic Bezier. A where `NAME` is the name, and the rest are two points for the Cubic Bezier. A
good website to design your bezier can be found good website to design your bezier can be found
[here, on cssportal.com](https://www.cssportal.com/css-cubic-bezier-generator/). [here, on cssportal.com](https://www.cssportal.com/css-cubic-bezier-generator/),
if you want to instead choose from a list of beizers, you can check out [easings.net](https://easings.net).
Example curve: #### Example
```ini ```ini
bezier=overshot,0.05,0.9,0.1,1.1 bezier=overshot,0.05,0.9,0.1,1.1