diff --git a/pages/Configuring/Animations.md b/pages/Configuring/Animations.md index f919496..eea55e6 100644 --- a/pages/Configuring/Animations.md +++ b/pages/Configuring/Animations.md @@ -22,10 +22,10 @@ animation=NAME,ONOFF,SPEED,CURVE `STYLE` is the animation style -All the parameters are required, exepct the `STYLE` one. +All the parameters are required, except for the `STYLE` parameter. The animations are a tree. If an animation is unset, it will inherit its -parent's values. +parent's values. See [animation tree](#animation-tree). ### Examples @@ -34,9 +34,10 @@ animation=workspaces,1,8,default animation=windows,1,10,myepiccurve,slide ``` -## Animation tree +### Animation tree + +```txt -``` global ↳ windows - styles: slide, popin ↳ windowsIn - window open @@ -53,18 +54,7 @@ global ↳ specialWorkspace - styles: same as workspaces ``` -### Extras - -For animation style `popin` in `windows`, you can specify a minimum percentage -to start from. For example: - -```ini -animation=windows,1,8,default,popin 80% -``` - -will make the animation 80% -> 100% of the size. - -### Curves +## Curves Defining your own Bezier curve can be done with the `bezier` keyword: @@ -77,8 +67,19 @@ good website to design your bezier can be found [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 +### Example ```ini bezier=overshot,0.05,0.9,0.1,1.1 ``` + +## Extras + +For animation style `popin` in `windows`, you can specify a minimum percentage +to start from. For example: + +```ini +animation=windows,1,8,default,popin 80% +``` + +will make the animation 80% -> 100% of the size.