状態Aから状態Bへの変化にトランジションをつける際は、逆方向の動きも状態Bから状態Aに戻る変化につける。
ボタンをクリックしてモーダルを開閉してください
閉じるときは突然消え、一貫性がない
ボタンをクリックしてモーダルを開閉してください
開閉両方にアニメーションがあり一貫性がある
ドロップダウンを開閉してください
開くときはアニメ、閉じるは即座に消える
ドロップダウンを開閉してください
開くも閉じるも滑らかに変化
アコーディオンを開閉してください
展開は遅いが折りたたみは即座
アコーディオンを開閉してください
展開も折りたたみも同じ速度で変化
状態Aから状態Bへの変化にトランジションをつける際は、逆方向の動きも状態Bから状態Aに戻る変化につける。
ボタンをクリックしてモーダルを開閉してください
閉じるときは突然消え、一貫性がない
ボタンをクリックしてモーダルを開閉してください
開閉両方にアニメーションがあり一貫性がある
ドロップダウンを開閉してください
開くときはアニメ、閉じるは即座に消える
ドロップダウンを開閉してください
開くも閉じるも滑らかに変化
アコーディオンを開閉してください
展開は遅いが折りたたみは即座
アコーディオンを開閉してください
展開も折りたたみも同じ速度で変化