diff --git a/docs/reference/animation-settings.md b/docs/reference/animation-settings.md
index cf4b6480c..9492fb93a 100644
--- a/docs/reference/animation-settings.md
+++ b/docs/reference/animation-settings.md
@@ -2,47 +2,94 @@
 description: REFERENCE
 ---
 
+import LinearEasingScreenshot from '/img/reference/animation-settings/linear-easing.png';
+import BackEaseInScreenshot from '/img/reference/animation-settings/back-ease-in.png';
+import BackEaseInOutScreenshot from '/img/reference/animation-settings/back-ease-in-out.png';
+import BackEaseOutScreenshot from '/img/reference/animation-settings/back-ease-out.png';
+import BounceEaseInScreenshot from '/img/reference/animation-settings/bounce-ease-in.png';
+import BounceEaseInOutScreenshot from '/img/reference/animation-settings/bounce-ease-in-out.png';
+import BounceEaseOutScreenshot from '/img/reference/animation-settings/bounce-ease-out.png';
+import CircularEaseInScreenshot from '/img/reference/animation-settings/circular-ease-in.png';
+import CircularEaseInOutScreenshot from '/img/reference/animation-settings/circular-ease-in-out.png';
+import CircularEaseOutScreenshot from '/img/reference/animation-settings/circular-ease-out.png';
+import CubicEaseInScreenshot from '/img/reference/animation-settings/cubic-ease-in.png';
+import CubicEaseInOutScreenshot from '/img/reference/animation-settings/cubic-ease-in-out.png';
+import CubicEaseOutScreenshot from '/img/reference/animation-settings/cubic-ease-out.png';
+import ElasticEaseInScreenshot from '/img/reference/animation-settings/elastic-ease-in.png';
+import ElasticEaseInOutScreenshot from '/img/reference/animation-settings/elastic-ease-in-out.png';
+import ElasticEaseOutScreenshot from '/img/reference/animation-settings/elastic-ease-out.png';
+import ExponentialEaseInScreenshot from '/img/reference/animation-settings/exponential-ease-in.png';
+import ExponentialEaseInOutScreenshot from '/img/reference/animation-settings/exponential-ease-in-out.png';
+import ExponentialEaseOutScreenshot from '/img/reference/animation-settings/exponential-ease-out.png';
+import QuadraticEaseInScreenshot from '/img/reference/animation-settings/quadratic-ease-in.png';
+import QuadraticEaseInOutScreenshot from '/img/reference/animation-settings/quadratic-ease-in-out.png';
+import QuadraticEaseOutScreenshot from '/img/reference/animation-settings/quadratic-ease-out.png';
+import QuarticEaseInScreenshot from '/img/reference/animation-settings/quartic-ease-in.png';
+import QuarticEaseInOutScreenshot from '/img/reference/animation-settings/quartic-ease-in-out.png';
+import QuarticEaseOutScreenshot from '/img/reference/animation-settings/quartic-ease-out.png';
+import QuinticEaseInScreenshot from '/img/reference/animation-settings/quintic-ease-in.png';
+import QuinticEaseInOutScreenshot from '/img/reference/animation-settings/quintic-ease-in-out.png';
+import QuinticEaseOutScreenshot from '/img/reference/animation-settings/quintic-ease-out.png';
+import SineEaseInScreenshot from '/img/reference/animation-settings/sine-ease-in.png';
+import SineEaseInOutScreenshot from '/img/reference/animation-settings/sine-ease-in-out.png';
 import SineEaseOutScreenshot from '/img/reference/animation-settings/sine-ease-out.png';
 
 # Animation Settings
 
-This section contains full lists of the _Avalonia UI_ animation settings:
-
-* Easing Functions
-* Fill Modes
-* Playback Direction
-* Repeat
+This section describes how `Animation` playback can be customized.
 
 ## Easing Functions
 
-<table><thead><tr><th width="216">Profile</th><th>Setting</th></tr></thead><tbody><tr><td><img src={SineEaseOutScreenshot} alt=""/></td><td><code>SineEaseOut</code></td></tr></tbody></table>
+`Easing` functions describe how quickly an animated property changes from its starting value into its ending value across the animation time. `Avalonia.Animation.Easings` contains the following easings:
+
+| Default                                                       |
+|---------------------------------------------------------------|
+| `LinearEasing`<br/><img src={LinearEasingScreenshot} alt=""/> |
+
+| Ease-In                                                                 | Ease-Out                                                                  | Ease-In-Out                                                                   |
+|-------------------------------------------------------------------------|---------------------------------------------------------------------------|-------------------------------------------------------------------------------|
+| `SineEaseIn`<br/><img src={SineEaseInScreenshot} alt=""/>               | `SineEaseOut`<br/><img src={SineEaseOutScreenshot} alt=""/>               | `SineEaseInOut`<br/><img src={SineEaseInOutScreenshot} alt=""/>               |
+| `QuadraticEaseIn`<br/><img src={QuadraticEaseInScreenshot} alt=""/>     | `QuadraticEaseOut`<br/><img src={QuadraticEaseOutScreenshot} alt=""/>     | `QuadraticEaseInOut`<br/><img src={QuadraticEaseInOutScreenshot} alt=""/>     |
+| `CubicEaseIn`<br/><img src={CubicEaseInScreenshot} alt=""/>             | `CubicEaseOut`<br/><img src={CubicEaseOutScreenshot} alt=""/>             | `CubicEaseInOut`<br/><img src={CubicEaseInOutScreenshot} alt=""/>             |
+| `QuarticEaseIn`<br/><img src={QuarticEaseInScreenshot} alt=""/>         | `QuarticEaseOut`<br/><img src={QuarticEaseOutScreenshot} alt=""/>         | `QuarticEaseInOut`<br/><img src={QuarticEaseInOutScreenshot} alt=""/>         |
+| `QuinticEaseIn`<br/><img src={QuinticEaseInScreenshot} alt=""/>         | `QuinticEaseOut`<br/><img src={QuinticEaseOutScreenshot} alt=""/>         | `QuinticEaseInOut`<br/><img src={QuinticEaseInOutScreenshot} alt=""/>         |
+| `ExponentialEaseIn`<br/><img src={ExponentialEaseInScreenshot} alt=""/> | `ExponentialEaseOut`<br/><img src={ExponentialEaseOutScreenshot} alt=""/> | `ExponentialEaseInOut`<br/><img src={ExponentialEaseInOutScreenshot} alt=""/> |
+| `CircularEaseIn`<br/><img src={CircularEaseInScreenshot} alt=""/>       | `CircularEaseOut`<br/><img src={CircularEaseOutScreenshot} alt=""/>       | `CircularEaseInOut`<br/><img src={CircularEaseInOutScreenshot} alt=""/>       |
+| `BackEaseIn`<br/><img src={BackEaseInScreenshot} alt=""/>               | `BackEaseOut`<br/><img src={BackEaseOutScreenshot} alt=""/>               | `BackEaseInInOut`<br/><img src={BackEaseInOutScreenshot} alt=""/>             |
+| `ElasticEaseIn`<br/><img src={ElasticEaseInScreenshot} alt=""/>         | `ElasticEaseOut`<br/><img src={ElasticEaseOutScreenshot} alt=""/>         | `ElasticEaseInOut`<br/><img src={ElasticEaseInOutScreenshot} alt=""/>         |
+| `BounceEaseIn`<br/><img src={BounceEaseInScreenshot} alt=""/>           | `BounceEaseOut`<br/><img src={BounceEaseOutScreenshot} alt=""/>           | `BounceEaseInOut`<br/><img src={BounceEaseInOutScreenshot} alt=""/>           |
 
-## Fill Modes
+Additionally, you can provide your own easing by deriving from `Easing` or by providing parameters to `SplineEasing` or `SpringEasing`.
 
-The fill mode attribute of an animation defines how the set property persists after running an animation, and on delays in between runs.
+## FillModes
 
-The following table describes the possible behaviors:
+The `FillMode` attribute of an `Animation` defines how the animated property persists after an animation completes and during delays in-between runs.
+
+The following table describes the supported behaviors:
 
 | Value      | Description                                                                                               |
-| ---------- | --------------------------------------------------------------------------------------------------------- |
+|------------|-----------------------------------------------------------------------------------------------------------|
 | `None`     | Value will not persist after animation nor the first value will be applied when the animation is delayed. |
 | `Forward`  | The last interpolated value will be persisted to the target property.                                     |
 | `Backward` | The first interpolated value will be displayed on animation delay.                                        |
 | `Both`     | Both `Forward` and `Backward` behaviors will be applied.                                                  |
 
+## PlaybackDirection
 
+`PlaybackDirection` defines how the `Animation` will be played. The following table describes the possible settings:
 
-## Playback Direction
-
-Playback direction defines how the animation will be played, including any repeats. The following table describes the possible settings:
-
-<table><thead><tr><th width="229">Value</th><th>Description</th></tr></thead><tbody><tr><td><code>Normal</code></td><td>The animation is played normally.</td></tr><tr><td><code>Reverse</code></td><td>The animation is played in reverse direction.</td></tr><tr><td><code>Alternate</code></td><td>The animation is played forwards first, then backwards.</td></tr><tr><td><code>AlternateReverse</code></td><td>The animation is played backwards first, then forwards.</td></tr></tbody></table>
+| Value              | Description                                             |
+|--------------------|---------------------------------------------------------|
+| `Normal`           | The animation is played normally.                       |
+| `Reverse`          | The animation is played in reverse direction.           |
+| `Alternate`        | The animation is played forwards first, then backwards. |
+| `AlternateReverse` | The animation is played backwards first, then forwards. |
 
-## Repeat
+## IterationCount
 
-The repeat attribute on an animation element sets how many times it is to be replayed. There are two formats for this setting:
+The `IterationCount` on an `Animation` element sets how many times it is to be replayed. There are two formats for this setting:
 
 | Value      | Description                                      |
-| ---------- | ------------------------------------------------ |
+|------------|--------------------------------------------------|
 | `N`        | (N is an integer) - play N times. N can be zero. |
-| `INFINITE` | Repeat Indefinitely                              |
+| `Infinite` | Repeats forever                                  |
diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/reference/animation-settings.md b/i18n/ru/docusaurus-plugin-content-docs/current/reference/animation-settings.md
index 30baae0b9..6916545d9 100644
--- a/i18n/ru/docusaurus-plugin-content-docs/current/reference/animation-settings.md
+++ b/i18n/ru/docusaurus-plugin-content-docs/current/reference/animation-settings.md
@@ -2,6 +2,36 @@
 description: REFERENCE
 ---
 
+import LinearEasingScreenshot from '/img/reference/animation-settings/linear-easing.png';
+import BackEaseInScreenshot from '/img/reference/animation-settings/back-ease-in.png';
+import BackEaseInOutScreenshot from '/img/reference/animation-settings/back-ease-in-out.png';
+import BackEaseOutScreenshot from '/img/reference/animation-settings/back-ease-out.png';
+import BounceEaseInScreenshot from '/img/reference/animation-settings/bounce-ease-in.png';
+import BounceEaseInOutScreenshot from '/img/reference/animation-settings/bounce-ease-in-out.png';
+import BounceEaseOutScreenshot from '/img/reference/animation-settings/bounce-ease-out.png';
+import CircularEaseInScreenshot from '/img/reference/animation-settings/circular-ease-in.png';
+import CircularEaseInOutScreenshot from '/img/reference/animation-settings/circular-ease-in-out.png';
+import CircularEaseOutScreenshot from '/img/reference/animation-settings/circular-ease-out.png';
+import CubicEaseInScreenshot from '/img/reference/animation-settings/cubic-ease-in.png';
+import CubicEaseInOutScreenshot from '/img/reference/animation-settings/cubic-ease-in-out.png';
+import CubicEaseOutScreenshot from '/img/reference/animation-settings/cubic-ease-out.png';
+import ElasticEaseInScreenshot from '/img/reference/animation-settings/elastic-ease-in.png';
+import ElasticEaseInOutScreenshot from '/img/reference/animation-settings/elastic-ease-in-out.png';
+import ElasticEaseOutScreenshot from '/img/reference/animation-settings/elastic-ease-out.png';
+import ExponentialEaseInScreenshot from '/img/reference/animation-settings/exponential-ease-in.png';
+import ExponentialEaseInOutScreenshot from '/img/reference/animation-settings/exponential-ease-in-out.png';
+import ExponentialEaseOutScreenshot from '/img/reference/animation-settings/exponential-ease-out.png';
+import QuadraticEaseInScreenshot from '/img/reference/animation-settings/quadratic-ease-in.png';
+import QuadraticEaseInOutScreenshot from '/img/reference/animation-settings/quadratic-ease-in-out.png';
+import QuadraticEaseOutScreenshot from '/img/reference/animation-settings/quadratic-ease-out.png';
+import QuarticEaseInScreenshot from '/img/reference/animation-settings/quartic-ease-in.png';
+import QuarticEaseInOutScreenshot from '/img/reference/animation-settings/quartic-ease-in-out.png';
+import QuarticEaseOutScreenshot from '/img/reference/animation-settings/quartic-ease-out.png';
+import QuinticEaseInScreenshot from '/img/reference/animation-settings/quintic-ease-in.png';
+import QuinticEaseInOutScreenshot from '/img/reference/animation-settings/quintic-ease-in-out.png';
+import QuinticEaseOutScreenshot from '/img/reference/animation-settings/quintic-ease-out.png';
+import SineEaseInScreenshot from '/img/reference/animation-settings/sine-ease-in.png';
+import SineEaseInOutScreenshot from '/img/reference/animation-settings/sine-ease-in-out.png';
 import SineEaseOutScreenshot from '/img/reference/animation-settings/sine-ease-out.png';
 
 # Настройка Анимации
@@ -15,11 +45,30 @@ import SineEaseOutScreenshot from '/img/reference/animation-settings/sine-ease-o
 
 ## Easing Functions
 
-<table><thead><tr><th width="216">Profile</th><th>Setting</th></tr></thead><tbody><tr><td><img src={SineEaseOutScreenshot} alt=""/></td><td><code>SineEaseOut</code></td></tr></tbody></table>
+`Easing` functions describe how quickly an animated property changes from its starting value into its ending value across the animation time. `Avalonia.Animation.Easings` contains the following easings:
 
-## Fill Modes
+| Default                                                       |
+|---------------------------------------------------------------|
+| `LinearEasing`<br/><img src={LinearEasingScreenshot} alt=""/> |
 
-The fill mode attribute of an animation defines how the set property persists after running an animation, and on delays in between runs.
+| Ease-In                                                                 | Ease-Out                                                                  | Ease-In-Out                                                                   |
+|-------------------------------------------------------------------------|---------------------------------------------------------------------------|-------------------------------------------------------------------------------|
+| `SineEaseIn`<br/><img src={SineEaseInScreenshot} alt=""/>               | `SineEaseOut`<br/><img src={SineEaseOutScreenshot} alt=""/>               | `SineEaseInOut`<br/><img src={SineEaseInOutScreenshot} alt=""/>               |
+| `QuadraticEaseIn`<br/><img src={QuadraticEaseInScreenshot} alt=""/>     | `QuadraticEaseOut`<br/><img src={QuadraticEaseOutScreenshot} alt=""/>     | `QuadraticEaseInOut`<br/><img src={QuadraticEaseInOutScreenshot} alt=""/>     |
+| `CubicEaseIn`<br/><img src={CubicEaseInScreenshot} alt=""/>             | `CubicEaseOut`<br/><img src={CubicEaseOutScreenshot} alt=""/>             | `CubicEaseInOut`<br/><img src={CubicEaseInOutScreenshot} alt=""/>             |
+| `QuarticEaseIn`<br/><img src={QuarticEaseInScreenshot} alt=""/>         | `QuarticEaseOut`<br/><img src={QuarticEaseOutScreenshot} alt=""/>         | `QuarticEaseInOut`<br/><img src={QuarticEaseInOutScreenshot} alt=""/>         |
+| `QuinticEaseIn`<br/><img src={QuinticEaseInScreenshot} alt=""/>         | `QuinticEaseOut`<br/><img src={QuinticEaseOutScreenshot} alt=""/>         | `QuinticEaseInOut`<br/><img src={QuinticEaseInOutScreenshot} alt=""/>         |
+| `ExponentialEaseIn`<br/><img src={ExponentialEaseInScreenshot} alt=""/> | `ExponentialEaseOut`<br/><img src={ExponentialEaseOutScreenshot} alt=""/> | `ExponentialEaseInOut`<br/><img src={ExponentialEaseInOutScreenshot} alt=""/> |
+| `CircularEaseIn`<br/><img src={CircularEaseInScreenshot} alt=""/>       | `CircularEaseOut`<br/><img src={CircularEaseOutScreenshot} alt=""/>       | `CircularEaseInOut`<br/><img src={CircularEaseInOutScreenshot} alt=""/>       |
+| `BackEaseIn`<br/><img src={BackEaseInScreenshot} alt=""/>               | `BackEaseOut`<br/><img src={BackEaseOutScreenshot} alt=""/>               | `BackEaseInInOut`<br/><img src={BackEaseInOutScreenshot} alt=""/>             |
+| `ElasticEaseIn`<br/><img src={ElasticEaseInScreenshot} alt=""/>         | `ElasticEaseOut`<br/><img src={ElasticEaseOutScreenshot} alt=""/>         | `ElasticEaseInOut`<br/><img src={ElasticEaseInOutScreenshot} alt=""/>         |
+| `BounceEaseIn`<br/><img src={BounceEaseInScreenshot} alt=""/>           | `BounceEaseOut`<br/><img src={BounceEaseOutScreenshot} alt=""/>           | `BounceEaseInOut`<br/><img src={BounceEaseInOutScreenshot} alt=""/>           |
+
+Additionally, you can provide your own easing by deriving from `Easing` or by providing parameters to `SplineEasing` or `SpringEasing`.
+
+## FillMode
+
+The `FillMode` attribute of an `Animation` defines how the animated property persists after an animation completes and during delays in-between runs.
 
 Варианты поведения:
 
@@ -30,7 +79,7 @@ The fill mode attribute of an animation defines how the set property persists af
 | `Backward` | The first interpolated value will be displayed on animation delay.                                        |
 | `Both`     | Будет использоваться `Forward` и `Backward` поведения.                                                    |
 
-## Playback Direction
+## PlaybackDirection
 
 Порядок воспроизведения включает как направление, так и любые повторы.
 Возможные параметры:
@@ -42,11 +91,11 @@ The fill mode attribute of an animation defines how the set property persists af
 | `Alternate`        | Анимация воспроизводится сначала вперед, затем назад.   |
 | `AlternateReverse` | Анимация воспроизводится сначала назад, затем вперед.   |
 
-## Repeat
+## IterationCount
 
 Задает количество повторов воспроизведения.
 
 | Значение   | Описание                                                       |
 |------------|----------------------------------------------------------------|
 | `N`        | (N - целочисленное) - воспроизводит N раз. N может быть нулем. |
-| `INFINITE` | Бесконечный повтор                                             |
+| `Infinite` | Бесконечный повтор                                             |
diff --git a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/animation-settings.md b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/animation-settings.md
index a6c29bf23..945abb4a2 100644
--- a/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/animation-settings.md
+++ b/i18n/zh-Hans/docusaurus-plugin-content-docs/current/reference/animation-settings.md
@@ -2,6 +2,36 @@
 description: REFERENCE
 ---
 
+import LinearEasingScreenshot from '/img/reference/animation-settings/linear-easing.png';
+import BackEaseInScreenshot from '/img/reference/animation-settings/back-ease-in.png';
+import BackEaseInOutScreenshot from '/img/reference/animation-settings/back-ease-in-out.png';
+import BackEaseOutScreenshot from '/img/reference/animation-settings/back-ease-out.png';
+import BounceEaseInScreenshot from '/img/reference/animation-settings/bounce-ease-in.png';
+import BounceEaseInOutScreenshot from '/img/reference/animation-settings/bounce-ease-in-out.png';
+import BounceEaseOutScreenshot from '/img/reference/animation-settings/bounce-ease-out.png';
+import CircularEaseInScreenshot from '/img/reference/animation-settings/circular-ease-in.png';
+import CircularEaseInOutScreenshot from '/img/reference/animation-settings/circular-ease-in-out.png';
+import CircularEaseOutScreenshot from '/img/reference/animation-settings/circular-ease-out.png';
+import CubicEaseInScreenshot from '/img/reference/animation-settings/cubic-ease-in.png';
+import CubicEaseInOutScreenshot from '/img/reference/animation-settings/cubic-ease-in-out.png';
+import CubicEaseOutScreenshot from '/img/reference/animation-settings/cubic-ease-out.png';
+import ElasticEaseInScreenshot from '/img/reference/animation-settings/elastic-ease-in.png';
+import ElasticEaseInOutScreenshot from '/img/reference/animation-settings/elastic-ease-in-out.png';
+import ElasticEaseOutScreenshot from '/img/reference/animation-settings/elastic-ease-out.png';
+import ExponentialEaseInScreenshot from '/img/reference/animation-settings/exponential-ease-in.png';
+import ExponentialEaseInOutScreenshot from '/img/reference/animation-settings/exponential-ease-in-out.png';
+import ExponentialEaseOutScreenshot from '/img/reference/animation-settings/exponential-ease-out.png';
+import QuadraticEaseInScreenshot from '/img/reference/animation-settings/quadratic-ease-in.png';
+import QuadraticEaseInOutScreenshot from '/img/reference/animation-settings/quadratic-ease-in-out.png';
+import QuadraticEaseOutScreenshot from '/img/reference/animation-settings/quadratic-ease-out.png';
+import QuarticEaseInScreenshot from '/img/reference/animation-settings/quartic-ease-in.png';
+import QuarticEaseInOutScreenshot from '/img/reference/animation-settings/quartic-ease-in-out.png';
+import QuarticEaseOutScreenshot from '/img/reference/animation-settings/quartic-ease-out.png';
+import QuinticEaseInScreenshot from '/img/reference/animation-settings/quintic-ease-in.png';
+import QuinticEaseInOutScreenshot from '/img/reference/animation-settings/quintic-ease-in-out.png';
+import QuinticEaseOutScreenshot from '/img/reference/animation-settings/quintic-ease-out.png';
+import SineEaseInScreenshot from '/img/reference/animation-settings/sine-ease-in.png';
+import SineEaseInOutScreenshot from '/img/reference/animation-settings/sine-ease-in-out.png';
 import SineEaseOutScreenshot from '/img/reference/animation-settings/sine-ease-out.png';
 
 # 动画设置
@@ -10,15 +40,30 @@ This section contains full lists of the _Avalonia UI_ animation settings:
 本节包含 _Avalonia UI_ 动画设置的完整列表：
 
 * 缓动函数（Easing Functions）
-* 填充模式（Fill Modes）
-* 播放方向（Playback Direction）
-* 重复（Repeat）
+* 填充模式（FillMode）
+* 播放方向（PlaybackDirection）
+* 重复（IterationCount）
 
 ## 缓动函数（Easing Functions）
 
-<table><thead><tr><th width="216">配置</th><th>设置</th></tr></thead><tbody><tr><td><img src={SineEaseOutScreenshot} alt="" /></td><td><code>SineEaseOut</code></td></tr></tbody></table>
-
-## 填充模式（Fill Modes）
+| Default                                                       |
+|---------------------------------------------------------------|
+| `LinearEasing`<br/><img src={LinearEasingScreenshot} alt=""/> |
+
+| Ease-In                                                                 | Ease-Out                                                                  | Ease-In-Out                                                                   |
+|-------------------------------------------------------------------------|---------------------------------------------------------------------------|-------------------------------------------------------------------------------|
+| `SineEaseIn`<br/><img src={SineEaseInScreenshot} alt=""/>               | `SineEaseOut`<br/><img src={SineEaseOutScreenshot} alt=""/>               | `SineEaseInOut`<br/><img src={SineEaseInOutScreenshot} alt=""/>               |
+| `QuadraticEaseIn`<br/><img src={QuadraticEaseInScreenshot} alt=""/>     | `QuadraticEaseOut`<br/><img src={QuadraticEaseOutScreenshot} alt=""/>     | `QuadraticEaseInOut`<br/><img src={QuadraticEaseInOutScreenshot} alt=""/>     |
+| `CubicEaseIn`<br/><img src={CubicEaseInScreenshot} alt=""/>             | `CubicEaseOut`<br/><img src={CubicEaseOutScreenshot} alt=""/>             | `CubicEaseInOut`<br/><img src={CubicEaseInOutScreenshot} alt=""/>             |
+| `QuarticEaseIn`<br/><img src={QuarticEaseInScreenshot} alt=""/>         | `QuarticEaseOut`<br/><img src={QuarticEaseOutScreenshot} alt=""/>         | `QuarticEaseInOut`<br/><img src={QuarticEaseInOutScreenshot} alt=""/>         |
+| `QuinticEaseIn`<br/><img src={QuinticEaseInScreenshot} alt=""/>         | `QuinticEaseOut`<br/><img src={QuinticEaseOutScreenshot} alt=""/>         | `QuinticEaseInOut`<br/><img src={QuinticEaseInOutScreenshot} alt=""/>         |
+| `ExponentialEaseIn`<br/><img src={ExponentialEaseInScreenshot} alt=""/> | `ExponentialEaseOut`<br/><img src={ExponentialEaseOutScreenshot} alt=""/> | `ExponentialEaseInOut`<br/><img src={ExponentialEaseInOutScreenshot} alt=""/> |
+| `CircularEaseIn`<br/><img src={CircularEaseInScreenshot} alt=""/>       | `CircularEaseOut`<br/><img src={CircularEaseOutScreenshot} alt=""/>       | `CircularEaseInOut`<br/><img src={CircularEaseInOutScreenshot} alt=""/>       |
+| `BackEaseIn`<br/><img src={BackEaseInScreenshot} alt=""/>               | `BackEaseOut`<br/><img src={BackEaseOutScreenshot} alt=""/>               | `BackEaseInInOut`<br/><img src={BackEaseInOutScreenshot} alt=""/>             |
+| `ElasticEaseIn`<br/><img src={ElasticEaseInScreenshot} alt=""/>         | `ElasticEaseOut`<br/><img src={ElasticEaseOutScreenshot} alt=""/>         | `ElasticEaseInOut`<br/><img src={ElasticEaseInOutScreenshot} alt=""/>         |
+| `BounceEaseIn`<br/><img src={BounceEaseInScreenshot} alt=""/>           | `BounceEaseOut`<br/><img src={BounceEaseOutScreenshot} alt=""/>           | `BounceEaseInOut`<br/><img src={BounceEaseInOutScreenshot} alt=""/>           |
+
+## 填充模式（FillMode）
 
 动画的填充模式属性定义了动画运行后设置属性在延迟运行之间的持续方式。
 
@@ -31,19 +76,23 @@ This section contains full lists of the _Avalonia UI_ animation settings:
 | `Backward` | 第一个插值值将在动画延迟时显示。                |
 | `Both`     | 同时应用 `Forward` 和 `Backward` 行为。 |
 
-
-
-## 播放方向（Playback Direction）
+## 播放方向（PlaybackDirection）
 
 播放方向定义了动画的播放方式，包括任何重复。以下表格描述了可能的设置：
 
-<table><thead><tr><th width="229">值</th><th>描述</th></tr></thead><tbody><tr><td><code>Normal</code></td><td>动画以正常方式播放。</td></tr><tr><td><code>Reverse</code></td><td>动画以反向方向播放。</td></tr><tr><td><code>Alternate</code></td><td>动画先正向播放，然后反向播放。</td></tr><tr><td><code>AlternateReverse</code></td><td>动画先反向播放，然后正向播放。</td></tr></tbody></table>
 
-## 重复（Repeat）
+| Value              | Description     |
+|--------------------|-----------------|
+| `Normal`           | 动画以正常方式播放。      |
+| `Reverse`          | 动画以反向方向播放。      |
+| `Alternate`        | 动画先正向播放，然后反向播放。 |
+| `AlternateReverse` | 动画先反向播放，然后正向播放。 |
+
+## 重复（IterationCount）
 
 动画元素上的重复属性设置了动画的重复次数。有两种格式的设置方式：
 
 | 值          | 描述                    |
 |------------|-----------------------|
 | `N`        | N 是整数——重复 N 次。N 可以是零。 |
-| `INFINITE` | 无限重复。                 |
+| `Infinite` | 无限重复。                 |
diff --git a/static/img/gitbook-import/assets/image (11).png b/static/img/reference/animation-settings/back-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (11).png
rename to static/img/reference/animation-settings/back-ease-in-out.png
diff --git a/static/img/gitbook-import/assets/image (6) (3).png b/static/img/reference/animation-settings/back-ease-in.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (6) (3).png
rename to static/img/reference/animation-settings/back-ease-in.png
diff --git a/static/img/gitbook-import/assets/image (3) (3) (1).png b/static/img/reference/animation-settings/back-ease-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (3) (3) (1).png
rename to static/img/reference/animation-settings/back-ease-out.png
diff --git a/static/img/gitbook-import/assets/image (22).png b/static/img/reference/animation-settings/bounce-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (22).png
rename to static/img/reference/animation-settings/bounce-ease-in-out.png
diff --git a/static/img/reference/animation-settings/bounce-ease-in.png b/static/img/reference/animation-settings/bounce-ease-in.png
new file mode 100644
index 000000000..e52712712
Binary files /dev/null and b/static/img/reference/animation-settings/bounce-ease-in.png differ
diff --git a/static/img/gitbook-import/assets/image (20).png b/static/img/reference/animation-settings/bounce-ease-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (20).png
rename to static/img/reference/animation-settings/bounce-ease-out.png
diff --git a/static/img/gitbook-import/assets/image (71).png b/static/img/reference/animation-settings/circular-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (71).png
rename to static/img/reference/animation-settings/circular-ease-in-out.png
diff --git a/static/img/gitbook-import/assets/image (19).png b/static/img/reference/animation-settings/circular-ease-in.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (19).png
rename to static/img/reference/animation-settings/circular-ease-in.png
diff --git a/static/img/gitbook-import/assets/image (25).png b/static/img/reference/animation-settings/circular-ease-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (25).png
rename to static/img/reference/animation-settings/circular-ease-out.png
diff --git a/static/img/gitbook-import/assets/image (37).png b/static/img/reference/animation-settings/cubic-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (37).png
rename to static/img/reference/animation-settings/cubic-ease-in-out.png
diff --git a/static/img/gitbook-import/assets/image (68).png b/static/img/reference/animation-settings/cubic-ease-in.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (68).png
rename to static/img/reference/animation-settings/cubic-ease-in.png
diff --git a/static/img/gitbook-import/assets/image (27).png b/static/img/reference/animation-settings/cubic-ease-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (27).png
rename to static/img/reference/animation-settings/cubic-ease-out.png
diff --git a/static/img/gitbook-import/assets/image (24).png b/static/img/reference/animation-settings/elastic-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (24).png
rename to static/img/reference/animation-settings/elastic-ease-in-out.png
diff --git a/static/img/gitbook-import/assets/image (70).png b/static/img/reference/animation-settings/elastic-ease-in.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (70).png
rename to static/img/reference/animation-settings/elastic-ease-in.png
diff --git a/static/img/gitbook-import/assets/image (21).png b/static/img/reference/animation-settings/elastic-ease-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (21).png
rename to static/img/reference/animation-settings/elastic-ease-out.png
diff --git a/static/img/gitbook-import/assets/image (10) (3).png b/static/img/reference/animation-settings/exponential-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (10) (3).png
rename to static/img/reference/animation-settings/exponential-ease-in-out.png
diff --git a/static/img/gitbook-import/assets/image (12).png b/static/img/reference/animation-settings/exponential-ease-in.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (12).png
rename to static/img/reference/animation-settings/exponential-ease-in.png
diff --git a/static/img/gitbook-import/assets/image (5) (4).png b/static/img/reference/animation-settings/exponential-ease-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (5) (4).png
rename to static/img/reference/animation-settings/exponential-ease-out.png
diff --git a/static/img/gitbook-import/assets/image (38).png b/static/img/reference/animation-settings/linear-easing.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (38).png
rename to static/img/reference/animation-settings/linear-easing.png
diff --git a/static/img/gitbook-import/assets/image (7) (4) (1).png b/static/img/reference/animation-settings/quadratic-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (7) (4) (1).png
rename to static/img/reference/animation-settings/quadratic-ease-in-out.png
diff --git a/static/img/gitbook-import/assets/image (13).png b/static/img/reference/animation-settings/quadratic-ease-in.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (13).png
rename to static/img/reference/animation-settings/quadratic-ease-in.png
diff --git a/static/img/gitbook-import/assets/image (15).png b/static/img/reference/animation-settings/quadratic-ease-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (15).png
rename to static/img/reference/animation-settings/quadratic-ease-out.png
diff --git a/static/img/gitbook-import/assets/image (14).png b/static/img/reference/animation-settings/quartic-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (14).png
rename to static/img/reference/animation-settings/quartic-ease-in-out.png
diff --git a/static/img/gitbook-import/assets/image (1) (4) (1).png b/static/img/reference/animation-settings/quartic-ease-in.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (1) (4) (1).png
rename to static/img/reference/animation-settings/quartic-ease-in.png
diff --git a/static/img/gitbook-import/assets/image (4) (1) (2) (1).png b/static/img/reference/animation-settings/quartic-ease-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (4) (1) (2) (1).png
rename to static/img/reference/animation-settings/quartic-ease-out.png
diff --git a/static/img/gitbook-import/assets/image (42).png b/static/img/reference/animation-settings/quintic-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (42).png
rename to static/img/reference/animation-settings/quintic-ease-in-out.png
diff --git a/static/img/gitbook-import/assets/image (16).png b/static/img/reference/animation-settings/quintic-ease-in.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (16).png
rename to static/img/reference/animation-settings/quintic-ease-in.png
diff --git a/static/img/gitbook-import/assets/image (74).png b/static/img/reference/animation-settings/quintic-ease-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (74).png
rename to static/img/reference/animation-settings/quintic-ease-out.png
diff --git a/static/img/gitbook-import/assets/image (73).png b/static/img/reference/animation-settings/sine-ease-in-out.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (73).png
rename to static/img/reference/animation-settings/sine-ease-in-out.png
diff --git a/static/img/gitbook-import/assets/image (75).png b/static/img/reference/animation-settings/sine-ease-in.png
similarity index 100%
rename from static/img/gitbook-import/assets/image (75).png
rename to static/img/reference/animation-settings/sine-ease-in.png