エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Vue.js】フェードイン・フェードアウト(トランジション)の使い方 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Vue.js】フェードイン・フェードアウト(トランジション)の使い方 - Qiita
Vue.jsに用意されているtransitionコンポーネントを使うフェードインやフェードアウトなどのtransition... Vue.jsに用意されているtransitionコンポーネントを使うフェードインやフェードアウトなどのtransitionを設定することができる。 公式ページ https://jp.vuejs.org/v2/guide/transitions.html 目次 トランジションの方法 クラスの適用フェーズ 適用されるクラスの種類 クラスの命名ルール CSSの設定 トランジションの実例 トランジションの方法 条件を満たすと、特定のclass属性が付与される。このクラス属性に対してcssスタイルを設定する。 使えるディレクティブ: v-show, v-if 要素をtransitionタグで囲む 中のタグは一つのみ。 複数ある場合は上の要素のみ表示される。 要素の状態によって専用のクラスが付与される。 クラスの適用フェーズ 要素の表示・非表示、トランジションの段階によってクラスが付与される。 適用さ