開閉アニメーション
開閉アニメーションに関連するサンプルコードをカテゴリー別にまとめています。

アコーディオン

開閉アイコンが90度回転するアコーディオンを作る方法
開閉アイコンが180度回転するアコーディオンを作る方法
立体的な開閉ボタン付きアコーディオンを作る方法
3D回転しながら開閉するアコーディオンを作る方法
フェードイン・フェードアウトで開閉するアコーディオンの作り方

カードUI

ページ読み込み時にカードをフェードイン表示する方法

セレクトボックス

立体的な選択肢が開くセレクトボックスを作る方法
フェードイン・フェードアウトで開閉するセレクトボックスの作り方

タブ切り替え

3D回転するタブ切り替えを作る方法
フェードイン・フェードアウトで切り替わるタブ切り替えを作る方法

ツールチップ

立体的に表示する3Dツールチップを作る方法
フェードイン・フェードアウトで表示するツールチップの作り方

トースト

フェードイン・フェードアウトで表示するトーストの作り方

ドロップダウンメニュー

フェードイン・フェードアウトで開閉するドロップダウンメニューの作り方

ドロワーメニュー

フェードイン・フェードアウトで開閉するドロワーメニューの作り方

ポップアップ

フェードイン・フェードアウトで表示するポップアップの作り方

ポップオーバー

フェードイン・フェードアウトで表示するポップオーバーの作り方

モーダルウインドウ

3D回転しながら開閉するモーダルウインドウを作る方法
フェードイン・フェードアウトで開閉するモーダルウインドウの作り方

ローディング

フェードイン・フェードアウトする読み込み中アニメーションを作る方法