diff options
| author | Horu <73709188+HigherOrderLogic@users.noreply.github.com> | 2025-08-29 15:31:50 +1000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-08-29 05:31:50 +0000 |
| commit | 1ffda91e0cc3938af1a9d4f1f1b6a87afa3c210f (patch) | |
| tree | 60aa82866d4f3fa0105447419d154c69fba521f1 /docs | |
| parent | d9833fc1c3de306f500662471ae001094813dbd5 (diff) | |
| download | niri-1ffda91e0cc3938af1a9d4f1f1b6a87afa3c210f.tar.gz niri-1ffda91e0cc3938af1a9d4f1f1b6a87afa3c210f.tar.bz2 niri-1ffda91e0cc3938af1a9d4f1f1b6a87afa3c210f.zip | |
feat: cubic-bezier curve for animation (#2059)
* feat: bezier curve for animation
* fixes
---------
Co-authored-by: Ivan Molodetskikh <yalterz@gmail.com>
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/wiki/Configuration:-Animations.md | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/docs/wiki/Configuration:-Animations.md b/docs/wiki/Configuration:-Animations.md index 0012aa83..224f99cd 100644 --- a/docs/wiki/Configuration:-Animations.md +++ b/docs/wiki/Configuration:-Animations.md @@ -84,14 +84,24 @@ animations { } ``` -Currently, niri only supports four curves: +Currently, niri only supports five curves. +You can get a feel for them on pages like [easings.net](https://easings.net/). - `ease-out-quad` <sup>Since: 0.1.5</sup> - `ease-out-cubic` - `ease-out-expo` - `linear` <sup>Since: 0.1.6</sup> - -You can get a feel for them on pages like [easings.net](https://easings.net/). +- `cubic-bezier` <sup>Since: next release</sup> + A custom [cubic Bézier curve](https://www.w3.org/TR/css-easing-1/#cubic-bezier-easing-functions). You need to set 4 numbers defining the control points of the curve, for example: + ```kdl + animations { + window-open { + // Same as CSS cubic-bezier(0.05, 0.7, 0.1, 1) + curve "cubic-bezier" 0.05 0.7 0.1 1 + } + } + ``` + You can tweak the cubic-bezier parameters on pages like [easings.co](https://easings.co?curve=0.05,0.7,0.1,1). #### Spring |