アニメーション化されたスライド/フェイド状態の間に遷移効果を追加すれば、それらの状態間にシームレスな流れが生まれ、カレンダーの魅力を高めることができます。C1Calendar には、スライドアニメーションの遷移の視覚効果を高める 32 種類の遷移効果が含まれています。カレンダー月の間をナビゲートする場合、左側または右側にスライドインされたりするのではなく、スライドインするときにはバウンスインし、スライドアウトときはバウンスアウトします。デフォルトでは、 Easing プロパティは EaseLinear に設定され、カレンダー月を切り替える際に、各カレンダーはスムーズで直線的な遷移効果を表示します。
以下の遷移効果は、状態間の遷移をアニメーション化するために使用できます。これにより、メニューが拡張/縮小する間、ユーザーにとって動きがスムーズに見えます。
| 遷移の名前 | 遷移の説明 |
|---|---|
| EaseInBack | バックのイージングイン。開始は遅く、それから加速します。 |
| EaseInBounce | バウンスしながらのイージングイン。開始は遅く、それから加速します。バウンスの回数は持続時間に関係します。持続時間が延びれば、バウンスの回数は多くなります。 |
| EaseInCirc | 円形のイージングイン。 開始は遅く、それから加速します。 |
| EaseInCubic | 3次型のイージングイン。開始は速度ゼロで、それから加速します。 |
| EaseInElastic | しなやかなイージングイン。開始は遅く、それから加速します。 |
| EaseInExpo | 級数的なイージングイン。開始は遅く、それから加速します。 |
| EaseInOutBack | バックのイージングインとイージングアウト。開始は遅く、途中まで加速し、それから減速します。 /td> |
| EaseInOutBounce | バウンスしながらのイージングインとイージングアウト。開始は遅く、途中まで加速し、それから減速します。 |
| EaseInOutCirc | 円形のイージングインとイージングアウト。開始は遅く、途中まで加速し、それから減速します。 |
| EaseInOutCubic | 3次型のイージングインとイージングアウト。開始は速度ゼロで、途中まで加速し、それから再び速度ゼロまで減速します。 |
| EaseInOutElastic | しなやかなイージングインとイージングアウト。開始は遅く、途中まで加速し、それから減速します。 |
| EaseinOutExpo | 級数的なイージングインとイージングアウト。開始は遅く、途中まで加速し、それから減速します。 |
| EaseInOutQuad | 2次型のイージングインとイージングアウト。開始は遅く、途中まで加速し、それから再び速度ゼロまで減速します。 |
| EaseInOutQuart | 4次型のイージングインとイージングアウト。開始は速度ゼロで、途中まで加速し、それから再び速度ゼロまで減速します。 |
| EaseInOutQuint | 5次型のイージングインとイージングアウト。開始は速度ゼロで、途中まで加速し、それからゼロまで減速します。 |
| EaseInOutSine | 正弦型のイージングインとイージングアウト。 開始は遅く、途中まで加速し、それから減速します。 |
| EaseInQuad | 2次型のイージングイン。開始は速度ゼロで、それから加速します。 |
| EaseInQuart | 4次型のイージングイン。開始は遅く、それから加速します。 |
| EaseInQuint | 5次型のイージングイン。開始は速度ゼロで、それから加速します。 |
| EaseInSine | 正弦型のイージングイン。開始は遅く、それから加速します。 |
| EaseOutBack | バックのイージングアウト。開始は速く、それから減速します。 |
| EaseOutBounce | バウンスしながらのイージングアウト。開始は速く、それから減速します。バウンスの回数は持続時間に関係します。持続時間が延びれば、バウンスの回数は多くなります。 |
| EaseOutCirc | 円形のイージングアウト。開始は速く、それから減速します。 |
| EaseOutCubic | 3次型のイージングインとイージングアウト。開始は全速で、それからゼロまで減速します。 |
| EaseOutElastic | しなやかなイージングアウト。開始は全速で、それからゼロまで減速します。 |
| EaseOutExpo | 級数的なイージングアウト。開始は速く、それから減速します。 |
| EaseOutQuad | 2次型のイージングアウト。開始は全速で、それからゼロまで減速します。 |
| EaseOutQuart | 4次型のイージングアウト。開始は速く、それから減速します。 |
| EastOutQuint | 5次型のイージングアウト。開始は全速で、それからゼロまで減速します。 |
| EaseOutSine | 正弦型のイージングアウト。開始は遅く、それから加速します。 |
| Linear | 直線的なイージング。始めから終わりまで、加速も減速もなくスムーズに移行します。 |
| Swing | 始めから終わりまで、加速も減速もなくスムーズに移行します。 |