アニメーション化されたスライド/フェイド状態の間に遷移効果を追加すれば、それらの状態間にシームレスな流れが生まれ、カレンダーの魅力を高めることができます。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 | 始めから終わりまで、加速も減速もなくスムーズに移行します。 |