【Vue3】でアニメーション(Web Animations API)を使ってみた - QiitaこんにちはSadoです。 今回はVue3で開閉処理を行う際に、「Web Animations API」(JavaScript)を使ってゆっくり開閉するアニメーションを作成してみます！ 純粋に宣言した CSS とは違って、Web Animations APIを用いる場合 はプロパティからアニメーション時間を動的に設定することが出来るみたいです。 Web Animations APIについて やること シンプルに開閉ボタンと開いたときに表示される要素を用意して、そこにアニメーションを付け加えていきたいと思います。 準備 表示用のファイル（親）とアニメーション処理を書くファイル（子）に分けておきます。 Vue3.2の<script setup>構文を使用しております。 CSSはTailwindを使用。 <script setup lang="ts"> import Child from "./C
