Animations: More info, more syntax!

* Add easings.net as reference for already made and well-known beizers
* General syntax & grammar changes

pages/Configuring/Animations.md

@@ -14,25 +14,27 @@ or
 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.
 
 `SPEED` is the amount of ds (1ds = 100ms) the animation will take
 
 `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
 parent's values.
 
-_Animation tree:_
+### Examples
+
+```ini
+animation=workspaces,1,8,default
+animation=windows,1,10,myepiccurve,slide
+```
+
+## Animation tree
 
 ```
 global
@@ -51,7 +53,7 @@ global
     ↳ specialWorkspace - styles: same as workspaces
 ```
 
-## Extras
+### Extras
 
 For animation style `popin` in `windows`, you can specify a minimum percentage
 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.
 
-## Curves
+### Curves
 
 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
 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
 bezier=overshot,0.05,0.9,0.1,1.1