left Screen-Change-Animation
Move in the next screen from the left
with the
left
screen-change-animation.
Usage
Use this animation like this:
.myScreen {
screen-change-animation: left;
}
| CSS Attribute | Default | Values | Explanation | Since |
|---|---|---|---|---|
| left-screen-change-animation-move-previous | false | true, false | Set to true for moving the previous screen along with the animation. | 1.3 |
| left-screen-change-animation-speed | -1 | integer | The constant speed of the animation. By default the animation uses a somewhat quadratic de-acceleration. | 1.3 |
| Further CSS Attribute | Default | Values | Explanation | Since |
| screen-change-animation-direction | - | forward, backward | The direction of the animation - by default the direction depends on the circumstances - when entering a screen the direction is forward, when leaving it is backward. | 2.3 |
| screen-change-animation-duration | 400ms | time | The duration of the animation. | 2.3 |
| screen-change-animation-function-backward | exponential-out | ease, linear, ease-in, ease-out, exponential-in, exponential-out | The function for calculating animation range values for a forward running animation. | 2.3 |
| screen-change-animation-function-forward | exponential-in | ease, linear, ease-in, ease-out, exponential-in, exponential-out | The function for calculating animation range values for a forward running animation. | 2.3 |