bookreadkun https://blog.hatena.ne.jp/bookreadkun/ おーみんブログ https://oooomincrypto.hatenadiary.jp/ Vue.js はじめに カスタムトランジションクラスとAnimate.cssを用いてアニメーションを実装する方法について備忘録として記載していきます。 カスタムトランジションクラス 今回利用するカスタムトランジションクラスは任意のクラス名を組み込みのトランジションクラスのように使いたいときに利用します。 利用方法 利用方法は割と単純でtransitionタグに以下のように特定のカスタムトランジションクラスを用意し、その中に任意のクラス名を入れます。各トランジションクラスについてはそれぞれ組み込みのトランジションクラスの意味と同様です。 <template> <transition enter-from-cl… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Foooomincrypto.hatenadiary.jp%2Fentry%2F2022%2F07%2F10%2F131431" title="カスタムトランジションクラスとAnimate.cssを用いてアニメーションを実装する！ - おーみんブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/538249/c42095a4-ac20-1818-df64-834475b15654.gif Hatena Blog https://hatena.blog 2022-07-10 13:14:31 rich https://oooomincrypto.hatenadiary.jp/entry/2022/07/10/131431 1.0 100%