particle Screen-Change-Animation
Zoom into single pixels of the last screen to show the next screen
with the
particle
screen-change-animation.
Usage
Use this animation like this:
.myScreen {
screen-change-animation: particle;
}
| 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 |